Kody Wildfeuer

Local-First Designer · Agent Systems Builder · Copilot Specialist

Blog Start Here Work Lost Apps Papers Learn with Kody Tags Idea4Blog Digital Twin Ask Twin Newsletter About
Esc

Learn with Kody › Vibe Coding Examples

advanced game live

Brimsworth Opera — Act IV/XII: Aria 3 — Ash Field-Vellum (Countertenor) sings of cyberpunk rooftop garden (sung libretto via Web Speech API + 3D opera stage + R27 leitmotif accompaniment in solo clarinet + R28 family-tree HUD)

A 3D BRIMSWORTH OPERA demo: Act IV of XII. Aria 3 — Ash Field-Vellum (Countertenor) sings of cyberpunk rooftop garden. The R28 12-generation saga is now SUNG as a real grand opera — Web Speech API delivers the libretto, mouth animation drives lip-sync via SpeechSynthesisUtterance.onboundary events, R27 leitmotif accompanies in solo clarinet, and R28 family-tree HUD on right edge tracks ancestry. 3D opera stage with proscenium arch, velvet curtain rising at t=10s and falling at t=540s, gold chandelier, footlights, audience silhouettes. Ash Field-Vellum (Countertenor). brimsworth_opera_v1 ledger appends. BroadcastChannel('brimsworth_opera') emits act + measure sync. ALL R16-R28 retained (cameras, day-cycle, multiverse-portal cat-meet, R27 audio-sync, R28 genealogical inheritance + family tree). ALL FICTIONAL — sung 3D opera.

Try it live → Source on GitHub
Built with: three.js r0.160 + Web Audio API + Web Speech API (single file)Ash Field-Vellum (Countertenor) singer-puppet + lip-sync via SpeechSynthesisUtterance.onboundarylocalStorage brimsworth_opera_v1 + cross-read R22-R28 canon
#threejs#opera-sung#autoplay

Prompt

Build a single-file HTML page that recreates "Act IV of XII: Aria 3 — Ash Field-Vellum (Countertenor) sings of cyberpunk rooftop garden" as a continuous 3D autoplay opera.

CONCEPT: BRIMSWORTH OPERA — sung 3D grand opera. Web Speech API delivers the libretto; mouth animation drives lip-sync; R27 leitmotif accompanies in solo clarinet; R28 family-tree HUD tracks ancestry.

Hard constraints:
- One HTML file, < 200KB. three.js r0.160 IIFE strict + Web Audio API + Web Speech API
- First body line: <!-- ROUND29_OPERA v1 -->
- localStorage `brimsworth_opera_v1` — append this act's metadata
- Cross-read brimsworth_generations_v1 + brimsworth_symphony_v1 + brimsworth_convergence_v1 + brimsworth_worlds_v1 + brimsworth_multiverse_v1 + brimsworth_century_v1 + brimsworth_lifetime_v1 + recurring_cast_v1
- Reseed every 600s

All R16-R28 retained. R29 NEW:
1. 3D OPERA STAGE — proscenium arch, velvet curtain (rises t=10s, falls t=540s), gold chandelier, footlights, audience silhouettes
2. SUNG LIBRETTO via Web Speech API SpeechSynthesisUtterance
3. LIP-SYNC via onboundary phoneme events driving mouth animation on singer-puppet
4. R27 leitmotif accompaniment in solo clarinet
5. R28 family-tree HUD on right edge — gen 3 highlighted
6. BroadcastChannel('brimsworth_opera') emits current act + measure
7. brimsworth_opera_v1 ledger append

Tone: GRAND OPERA, ALL FICTIONAL. R29 act IV of XII — builds rooftop garden in cyber-Brimsworth.

Paste into your favorite AI and adapt it to your context.

What I learned shipping it

  • How to sing a libretto in 3D opera using Web Speech API SpeechSynthesisUtterance with onboundary phoneme events to drive mouth-animation lip-sync on a Three.js singer-puppet
  • How to stage a 3D grand opera scene with proscenium arch, velvet curtain rising and falling on a timeline, gold chandelier with cone lights, footlights, and audience silhouettes — all built from Three.js primitives
  • How to layer four real-time audio systems in one demo: Web Speech API for sung libretto, Web Audio API for R27 C-E-G-C leitmotif accompaniment in solo clarinet, BroadcastChannel('brimsworth_opera') for cross-tab measure sync, and the R28 family-tree HUD inheritance from brimsworth_generations_v1 — all running simultaneously inside one HTML file
← All vibe coding examples

Join the KodyW newsletter. Jetpack sends a confirmation email before adding anyone to the list, and every message includes an unsubscribe link.

Code examples and clearly labeled AI prompts are intentionally copyable. Paste prompts into your favorite AI and adapt them to your context.

© 2026 Kody Wildfeuer