Living Room Arcades is a 2.5D multiplayer browser game. Players take the role of an arcade owner, embarking on quests to build their dream arcade. The mechanics are driven by rhythm based minigames.
I'm making a game in React without <canvas> as a constraint, to improve my knowledge of performance optimization in React.
- Use Next.js to persist game state between edits
- 2.5D isometric map generated using Tiled
- Pathfinding with obstacles
- TypeScript
- Remove Typescript
- Use web components
- Chat using WebSockets
- Multiplayer with real-time player positions and directions
- Dockerize app
- Optimize CSS background images for avif/webp
- Add TypeScript back
- Migrate from pages to app router
- Use a separate websocket server (Go?)
- Center camera around player
- Animate other players
- Deploy to Digital Ocean with CI/CD
- Monster with fighting minigame
- Harvestable node with harvesting minigame
- Fighting and harvesting XP
- Postgres for persistence
# Copy environment variables
$ cp env/dev.env.sample env/dev.env
# Install dev dependencies for automatic code formatting
$ pnpm install
$ ./debug.sh
- Next app: http://localhost:1337