This is a submission for the
The idea started with a simple question:
What if the solstice was a race against time, guided by logic?
In Solstice Runner, players navigate a vibrant 3D world, dodging obstacles and interacting with a dynamically generated environment. Instead of just making a standard runner, I wanted the environment and the interactions to feel alive. The game celebrates the June Solstice by having the player constantly move forward toward a sun that never seems to set, while solving on-the-fly logical puzzles inspired by Alan Turing.
The goal was simple:
Build a fast-paced 3D web experience that seamlessly blends action with intelligent logic.
Video Demo
Here is a quick video demo of the gameplay in action:
You can also try:
- Running through the 3D obstacle course
- Experiencing real-time dynamic AI dialogues
- Chasing the horizon of the longest day
- Testing your reflexes against Turing-inspired logic nodes
... directly through the deployed game (hosted on GitHub Pages):
Built with:
React — Frontend UI and application state
React Three Fiber / Three.js — The entire 3D rendering pipeline and game world
Vite — Lightning-fast development and build tooling
Google AI API (Gemini) — Generating dynamic interactions and logic on the fly
Tailwind CSS — Styling the overlay HUDs
How I Built It
I started by focusing on the core rendering loop:
Render Scene → Handle Movement → Generate AI Logic → Avoid Obstacles
Once the 3D movement felt right in the browser, I started layering in everything else.
Building the 3D World in the Browser
One of the biggest challenges was getting 3D performance running smoothly in the browser. Using pure Three.js can require a lot of boilerplate, so I opted for React Three Fiber. It allowed me to treat 3D meshes, lights, and cameras as standard React components, which sped up development tremendously. The environment uses warm, bright lighting to reflect the summer solstice vibe.
| Feature | Concept | The Mechanics |
|---|---|---|
| Turing Gates | Logic Nodes | Answer AI-generated logic puzzles to pass safely |
| Endless Day | June Solstice | The lighting stays perpetually at golden hour |
Prize Category
I am submitting this project for the Best Google AI Usage and Best Ode to Alan Turing categories.
The Google AI API handles the core dynamic dialog and logic generation, making every run feel unique. Meanwhile, the core mechanics of navigating "Turing Gates" serve as a direct homage to Turing's legacy in computing and intelligence.
Let's Discuss! 👇
I'd love to hear your thoughts on mixing 3D web games with generative AI!
- Have you tried using React Three Fiber or the Gemini API in your own projects?
- What kind of AI-driven mechanics would you add to an endless runner?
- How far did you manage to run in the game? 🏃♂️
Drop a comment below, and let's chat about web game development, AI, or just share your high score!
Thanks for playing!
SOCIAL SHARE CARD GENERATOR