AeroToss

AeroToss: Daily AI Flight

A procedurally generated 3D paper plane adventure powered by Google Gemini.

What it does

AeroToss is a 3D browser game where you pilot a paper plane through a treacherous obstacle course of clouds, floating islands, and golden rings.

• Daily Missions: Every day, the game uses Google Gemini to generate a unique level theme based on the current date. It determines the lighting, fog color, and mission briefing text.
• AI Texture Lab: Before flying, players can type any prompt (e.g., "Matrix code", "Burnt parchment", "Blueprint") and Gemini generates a seamless texture that is instantly applied to the 3D plane model.
• Physics & Flight: Players use their mouse or touch to bank and weave through obstacles.

How we built it

• Frontend: React, TypeScript, and Tailwind CSS.
• 3D Engine: Three.js and React Three Fiber for the rendering pipeline.
• AI Integration: We used the Google GenAI SDK. gemini-3-flash-preview: Used for generating structured JSON data to control environmental variables (fog, light, text) based on the date. gemini-2.5-flash-image: Used to generate high-quality, seamless textures for the paper plane in real-time.
• Audio: We utilized the Web Audio API to synthesize sound effects (wind, chimes, victory chords) in real-time, meaning the game requires zero external audio assets.

Built With

• google-gemini
• react
• react-three-fiber
• tailwind-css
• three.js
• typescript
• web-audio-api