Skip to content

2.5D browser game made in Next.js without <canvas> as a constraint

Notifications You must be signed in to change notification settings

maxproske/living-room-arcades

Repository files navigation

Living Room Arcades

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.

Screenshot

Roadmap

  • Use Next.js to persist game state between edits
  • 2.5D isometric map generated using Tiled
  • Pathfinding with obstacles
  • TypeScript
  • Remove Typescript
  • Chat using WebSockets
  • Multiplayer with real-time player positions
  • Dockerize app
  • Deploy to Digital Ocean with CI/CD
  • Monster with fighting minigame
  • Harvestable node with harvesting minigame
  • Fighting and harvesting XP
  • Postgres

Getting Started

# Copy environment variables
$ cp env/dev.env.sample env/dev

# Install dev dependencies for automatic code formatting
$ yarn install

$ ./debug.sh