Vapeur De Givre - AI powered Browser Quest (and Ai-Movie)

Vapeur De Givre is a cinematic browser quest that replaces static scripts with a living narrative. Powered by the Gemini LLM, every character interaction is a real-time, unscripted conversation

Comment

Inspiration

The project draws from the atmosphere of steampunk and gothic noir, merging the interactive depth of classic browser RPGs with the visual fidelity of modern AI cinematography. The goal was to move beyond static dialogue trees, creating a "living movie" where the player is the lead actor in a world that never reacts the same way twice.

What it does

Vapeur De Givre is an immersive browser quest where every NPC interaction is powered by the Gemini API. Players navigate cinematic scenes where NPCs possess memory, personality, and the ability to drive the plot based on free-form text input. It bridges the gap between gaming and film, allowing users to experience a narrative that adapts in real-time to their conversational style.

How we built it

The project is a testament to what can be achieved with a "clean" stack and deep prompt engineering. Rather than using heavy frameworks, we built the core with vanilla TypeScript (no React) for maximum performance and control. The intelligence layer is powered directly by the Gemini API, while Claude Code and rigorous prompt engineering were used to refine the NPC logic. For visuals, we combined my own imagination with high-fidelity assets from Midjourney and Kling.

What it does

Vapeur De Givre is an immersive browser quest that offers a localized experience through full internationalization. It bridges the gap between gaming and film, allowing users to experience a narrative that adapts in real-time to their conversational style across different languages.

Challenges we ran into

One of the primary hurdles was maintaining "narrative guardrails"—ensuring the AI NPCs stayed in character and moved the plot forward without breaking the fourth wall. Synchronizing real-time text generation with the cinematic assets generated by Kling and Midjourney required careful management of latency to keep the player immersed in the "movie" experience.

Accomplishments we're humble about

We’ve been able to move beyond the "chatbox" feel of many AI games to create a truly atmospheric, cinematic experience. Integrating a sophisticated LLM like Gemini into a lightweight, vanilla TypeScript environment—all while maintaining responsive NPC personalities—is a technical milestone we're glad to have reached.

What we learned

Building this project highlighted the importance of "character memory" in AI. We learned that the most engaging NPCs aren't just smart; they are consistent. Refining the prompts to ensure NPCs remember past interactions within a scene proved vital for player immersion and meaningful storytelling.

What's next for Vapeur De Givre

To bring the project to its full potential, the immediate focus is on expanding the world beyond the initial rally signup at Rynok Square and the engine start. The roadmap is centered on deepening the bridge between interactive gameplay and cinematic storytelling:

  • Completing the Narrative Arc: We are moving beyond the starting scenes (01_RYNOK and 02_COCKPIT) to build out the full quest. This involves developing subsequent scenes where the choices made in the cockpit influence the unfolding rally journey.

  • Expansion of the AI Film: Building on the "AI-Movie" concept, we are working to weave the gameplay directly into a cohesive AI-generated short film. The goal is to create a seamless flow where your in-game interactions dictate the cinematic sequences, essentially "directing" the movie as you play.

  • Voice-to-Voice Integration: To deepen the immersion, we are exploring voice-to-voice interaction. This will allow players to speak directly to Ksenia and other NPCs, moving beyond text for a more natural, fluid conversational experience.

  • Complex Branching Paths: We are refining the prompt engineering to allow for more intricate branching. Every unique conversation with the Gemini NPC Chatbase will have the potential to unlock hidden scenes or alternate endings, ensuring no two "viewings" of the film are identical.

  • Enhanced Visual Fidelity: We will continue to leverage my imagination alongside Midjourney and Kling to maintain the high-end, atmospheric aesthetic as the world expands into new locations.

more detailed list of scenes and personage to integrate can be seen in short ai movie with used scenes in quest: https://www.youtube.com/watch?v=sRqPa3ic1dw

Built With

Share this project:

Updates