3d-connect6

Inspiration

Traditional Connect6 is already a game of deep strategy, but we wanted to push it beyond a flat board. By introducing a third dimension, every move gains new possibilities—from vertical attacks to hidden spatial diagonals. Our goal was to create a familiar yet completely fresh strategy experience.

What We Learned

We learned how challenging spatial game design can be. A 3D board requires clear visualization, intuitive camera controls, and efficient win detection across 13 directions. We also explored how traditional search algorithms and large language models can work together to produce engaging AI opponents.

How We Built It

We built the frontend with React, TypeScript, Three.js, and React Three Fiber. The game engine handles a 10×10×10 board, move validation, replay, and win detection. Cloudflare Workers, Durable Objects, and WebSockets power real-time multiplayer. The project also includes local AI, LLM-powered opponents, training analysis, AI-versus-AI matches, board slicing, and occlusion controls.

Challenges

The biggest challenge was making a dense 3D board readable and interactive. We also had to optimize AI calculations, synchronize multiplayer state reliably, and teach language models to understand coordinates, threats, and tactics in three-dimensional space.

Built With

• cloudflare
• css
• durable
• fiber
• objects
• react
• tailwind
• three
• three.js
• typescript
• vite
• web
• websockets
• workers