🍬 Poolside Game Dev 🤖 Gemini AI Video ⚡ React 19 + Vite

Izzyland ✨ The Candyland Adventure

A whimsical, generative board game built with my daughter Izzy while sitting by the pool on a summer afternoon in 2026. Featuring 64 candy tiles, Google Gemini-generated video cutscenes, regional chocolate collecting across world landmarks, and an interactive unicorn piñata finale.

Izzyland 3D Fantasy Game Board
The 64-tile world map of Izzyland: navigating from Miami's neon palms past the Macaron Eiffel Tower, Disney fireworks, Ibiza beach sunset beats, and Transylvania to the Grand Piñata Victory Gate.
64
Candy Tiles
8
Gemini AI Videos
7
Regional Chocolates
1
Poolside Afternoon

The Origin Story: A Poolside Hackathon with Izzy

Earlier today, my daughter Izzy and I were sitting by the pool enjoying the Florida sunshine. Like many kids her age, she loves classic color-drawing board games like Candy Land. But as we were talking about her favorite places we've visited and dreamed about, she asked an imaginative question:

"Why does Candyland only have Peppermint Forests and Gumdrop Mountains? What if we had a game where we went to Miami with rollerblades, or ate giant macarons under the Eiffel Tower in Paris, or danced to DJ music on the beach in Ibiza—and what if Moe the dog got the zoomies?"

In the modern era of rapid software prototyping and multimodal AI, the gap between a kid's creative daydream and a functioning software application has completely collapsed. I opened my laptop, Izzy grabbed her iPad, and we spent the afternoon by the pool designing, coding, testing, and deploying Izzyland ✨ The Candyland Adventure.

Co-Designing with a Child Using Generative AI

Generative AI isn't just an enterprise productivity accelerator; it fundamentally changes creative play. Instead of consuming passive media, Izzy acted as the creative director—specifying landmark lore, choosing regional chocolate rewards, fine-tuning video prompts, and testing card draw probabilities while I paired with the AI to implement the game mechanics.

The Generative Video Pipeline: Prompting Google Gemini

Every major milestone landmark in Izzyland features a custom, high-energy video cutscene that plays when a player lands on its tile. Rather than using static clip art or stock photography, we used Google Gemini to generate all the video cutscenes directly from our poolside brainstorm.

Izzy sat right next to me describing the exact mood she wanted for each stop:

🌴

Miami Art Deco Boulevard

Neon pastel palm trees, rollerblades humming down Ocean Drive at twilight, and ocean breezes. Generated with Gemini to capture retro pastel magic.

🍫 Miami Coconut Chocolate
💃

Buenos Aires Tango Plaza

Colorful corrugated houses of La Boca, passionate street tango dancers, and vibrant accordion melodies. Generative video brought the street dancing alive.

🍫 Argentine Alfajor Truffle
🥐

Paris Macaron Walk

The twinkling Eiffel Tower at dusk surrounded by floating pastel macarons, fresh warm croissants, and sidewalk patisserie aromas.

🍫 French Macaron Drop
🎧

Ibiza Sunset Beach Club

Turquoise Mediterranean waves crashing against golden sand as sunset DJ beats drop, sparklers illuminate the shore, and crowd celebrations erupt.

🍫 Ibiza Sunset Truffle
🧛

Transylvania Spooky Castle

A cute gothic vampire castle with friendly flutter bats, glowing candelabras, and vampires who prefer sweet cocoa crystals over spooky tricks.

🍫 Midnight Cocoa Crystal
🏰

Disney Magic Kingdom

Fairytale castle spires towering into the night sky, vibrant fireworks reflecting off the moat, and swirling pixie dust.

🍫 Mickey Chocolate Bar
🚋

Lisbon Streetcar Tram

A classic bright yellow vintage tram climbing cobblestone hills of Alfama, bypassing 9 board tiles in a scenic express transit.

⚡ Express Board Shortcut
🏙️

New York High-Rise Elevator

A glass observation elevator rocketing up a Manhattan skyscraper, giving players an aerial skyline leap from Tile 32 straight to Tile 41.

⚡ Skyscraper Sky Rocket

Game Architecture & Mechanics

Behind the candy sprinkles and cheerful soundtrack lies a robust, responsive web game engine:

The Grand Unicorn Piñata Finale

In classic board games, reaching the final tile often ends with a static congratulations message. In Izzyland, reaching Izzy's Sparkling Castle Gate (Tile 63) triggers an interactive Piñata Mini-Game!

Players equip the Golden Mega Bat and physically swing at a giant, floating unicorn piñata using mouse clicks or touchscreen taps. The piñata has a reactive health bar, dynamic wobble physics, and progressive damage states. Upon the final crushing blow, the piñata bursts open, triggering a multi-stage fireworks confetti storm, awarding a jackpot of bonus chocolates, and initiating the victory celebration dance!

Technical Stack & Open Source

Component Technology Role in Izzyland
Frontend Core React 19, TypeScript, Vite Ultra-fast HMR, component state machines, type-safe game data structures
Generative AI Google Gemini Video Models Rendered all 8 whimsical video cutscenes and dinosaur hazards
Sound Engine Web Audio API & HTML5 Audio Real-time frequency modulation for hops, flips, and background music
Particle FX Canvas Confetti Multi-cannon victory celebrations, chocolate bursts, sparkle trails
Deployment Firebase Hosting & GitHub Global edge CDN, Progressive Web App (PWA) iPad home-screen installable
🍬 ✨ 🪅

Ready to Tour Izzyland?

The game is 100% free, runs entirely in your mobile or desktop browser with zero downloads, and works great on an iPad. Pull up a chair, pick your avatar, and see who reaches the unicorn piñata first!

Launch Izzyland (Live Web App) Explore the GitHub Repo