Conway's Battles

Inspiration

Conway's Battles was inspired by the classic Conway's Game of Life, reimagined as a competitive multiplayer strategy game. I wanted to blend cellular automata with real-time player interaction and tactical gameplay.

What it does

Players create and join battle arenas, design their own cell patterns, and compete head-to-head. Each player controls a section of the grid, places cells or shapes, and then watches their designs evolve according to Conway's rules. The player with the most surviving cells wins after the simulation.

How I built it

I used React, TypeScript, and Vite for the frontend, with Firebase for authentication, real-time database, and cloud functions. The game logic, including Conway's simulation and winner determination, runs both client-side for previews and server-side for final results.

Challenges I ran into

Synchronizing real-time updates between players, efficiently simulating large grids, and handling edge cases in multiplayer interactions were major challenges. Ensuring smooth animations and responsive UI for a 60x60 grid also required careful optimization.

Accomplishments that I'm proud of

I'm proud of the seamless multiplayer experience, intuitive drag-and-drop shape placement, and the integration of real-time battle simulation. The project demonstrates the unusual use of Firebase and React for interactive gaming.

What I learned

I learned advanced state management in React, cloud function manipulations, and strategies for optimizing large-scale grid rendering. I also gained experience in designing engaging multiplayer game flows.

What's next for Conway's Battles

I plan to add more shape patterns, ranked matchmaking, player statistics, and social features. Future updates may include custom arenas, power-ups, and mobile support to expand the competitive

Built With

• firebase
• react
• tailwind
• typescript