Uploaded June 2026 | Updated September 2026, 2 weeks ago
Ian Ballantyne, Developer Relations Engineer at Google DeepMind, introduces AIventure, an open source retro dungeon crawler that doubles as a Gen AI masterclass for developers. Built on Angular and Phaser.js and powered by Gemma 4 open weights, the game teaches vibe coding and agentic behaviors through gameplay.
What's covered: Prompting a Chicken NPC to vibe code a web app that Gemma 4 writes in HTML, CSS, and JavaScript and renders in an iframe, prompting a Robot NPC that triggers an autonomous thinking loop with tool calls into the Phaser.js engine, and the model-serving options for Gemma 4: fully local with Transformers.js, Ollama, or LM Studio, or routed to the Gemini API or Google Cloud with a config change.
Scan the QR code in the video or hit the GitHub repo to explore the full developer solution.
AIventure on GitHub / Developer solution writeup / Gemma docs / Gemini API
What are you building with Gemma 4? Drop it in the comments.
Resources:
AIventure: Learning about vibe-coding, agents and Gen AI with Gemma 4 → https://goo.gle/4fXddHA
Gemma Docs → https://goo.gle/4g3lud6
Gemma Cookbook → https://goo.gle/3QjZDnn
Subscribe to Google for Developers → https://goo.gle/developers
#GoogleDeveloperNews
Speaker: Ian Ballantyne
Products Mentioned: Google AI, Gemma
Ian Ballantyne, Developer Relations Engineer at Google DeepMind, introduces AIventure, an open source retro dungeon crawler that doubles as a Gen AI masterclass for developers. Built on Angular and Phaser.js and powered by Gemma 4 open weights, the game teaches vibe coding and agentic behaviors through gameplay.
What's covered: Prompting a Chicken NPC to vibe code a web app that Gemma 4 writes in HTML, CSS, and JavaScript and renders in an iframe, prompting a Robot NPC that triggers an autonomous thinking loop with tool calls into the Phaser.js engine, and the model-serving options for Gemma 4: fully local with Transformers.js, Ollama, or LM Studio, or routed to the Gemini API or Google Cloud with a config change.
Scan the QR code in the video or hit the GitHub repo to explore the full developer solution.
AIventure on GitHub / Developer solution writeup / Gemma docs / Gemini API
What are you building with Gemma 4? Drop it in the comments.
Resources:
AIventure: Learning about vibe-coding, agents and Gen AI with Gemma 4 → https://goo.gle/4fXddHA
Gemma Docs → https://goo.gle/4g3lud6
Gemma Cookbook → https://goo.gle/3QjZDnn
Subscribe to Google for Developers → https://goo.gle/developers
#GoogleDeveloperNews
Speaker: Ian Ballantyne
Products Mentioned: Google AI, Gemma
