lots of ppl asked about how we did it, so here we go!
the why:
> the idea was to push the limits of the new @NanoBanana model which is fast and cheap. building a game came to mind as they are a good representation of pushing creative limits.
the how:
> you type an idea
> gemini-3.5-flash builds a game bible - clues, npcs, the story, rooms, street, etc. the bigger game mechanics like no of clues & npcs are always fixed.
> nano banana paints a top-view street image (the background you walk on)
> nano banana runs again and draws magenta outlines around every object (buildings, paths, trees, etc.). this is done so the next model can “see” where things are
> gemini-3.5-flash looks at the clean street + the outlined copy and marks hotspots + edges (where you can walk / enter / talk)
> at the same time, nano banana draws your player character
> also in parallel: the 3 story rooms (interiors) start building in the background while you walk, so opening a door feels instant. some buildings on the street are just flavor and don’t open into a real room
> the world is infinite - meaning if you enter the edge of a screen, it will create another screen with the previous frame as a reference
> we now have all the elements to play. all of this is rendered in an HTML canvas in the browser, where you play.
the gameplay:
> every run is one mystery with one goal
> enter a room, talk to an npc - each one guards 1 clue
> gemini-3.5-flash writes the dialogue, then gemini tts speaks it out loud
> explore, move around, pick up items, notice local nuances, engage with the npcs until you’ve got all 3 clues!
