← Back to Posts

Coding Experiment: Reviving the Classic Ocarina

#Learning#SideProject#GenerativeAI#WebAudio#RapidPrototyping#MusicTech#Nostalgia
Coding Experiment: Reviving the Classic Ocarina

A few nights ago I challenged myself to see how far today's AI-powered code generators could take an old idea. The goal: recreate Smule's legendary Ocarina iPhone app—only this time in the browser, no installs required.

⏱️ Result after 3x30min

  • A playable prototype I'm calling "Breath Flute."
  • Works on desktop + mobile (Chrome/Safari).
  • Core features: live microphone breath control, four-hole fingering and reverb.

🌐Try it here: flute.koodeksi.fi
(Be sure to allow mic access!)

⚒️ How I approached it

  • Vision: Build a browser-based flute that uses real-time breath and touch for flute playing.
  • Iterative Development: Used AI to quickly generate and refine the core Web Audio app, focusing on breath input, reverb effect and four-hole touch controls.
  • Final Touches on UI: After confirming solid sound play, I focused on refining the user interface for dark theme, warm colors and adding usage instructions.

🤔 Why share this?

  • Demonstrates how far AI coding assistants have come for rapid prototyping.
  • Shows that even "nostalgic" app ideas can find new life with web tech.