Yötön Yö (Nightless Night) - a Finnish Midsummer game

Code

• 
  Repository:
  

How I Built It

To keep compilation lightweight and deployment instant, I opted for a Vanilla ES6 JavaScript structure with HTML5 <canvas> drawing served via a local Vite bundler.

• 
  Vector Canvas Rendering: Built custom vector paths and gradients to design a sunset sky blending into a shimmering lake, a traditional red cottage (mökki), a log sauna chimney, and dynamic fire particles.


• 
  Web Audio Synthesis: To avoid external assets and ensure fast page loads, all sound effects (steam sizzles, mosquito swats, thumping logs, and magical chimes) are synthesized directly in the browser using the Web Audio API.


• 
  Modern UI: Built a premium glassmorphic overlay using Vanilla CSS backdrop-filters, custom Google Fonts (Outfit and Playfair Display), and glowing responsive buttons.


• 
  GitHub Pages deployment: Integrated a GitHub Actions workflow that automatically builds and deploys the game on push.

Prize Category

Best Google AI Usage

This game was built using Antigravity, a pair programming AI assistant designed by the Google DeepMind team. The AI co-designed the layout, helped mathematically center the woodpile logs, built the dynamic warning alerts stack, and synthesized the retro sound waveforms in JavaScript using the Web Audio API.