Kody Wildfeuer

Local-First Designer · Agent Systems Builder · Copilot Specialist

Learn with Kody Tags Idea4Blog Digital Twin About
Esc

Learn with Kody › Vibe Coding Examples

advanced game live

Brimsworth Opera — Act VIII/XII: Aria 7 — Sage Wren-Vellum (Soprano) sings the first-flight aria (sung libretto via Web Speech API + 3D opera stage + R27 leitmotif accompaniment in solo violin + R28 family-tree HUD)

A 3D BRIMSWORTH OPERA demo: Act VIII of XII. Aria 7 — Sage Wren-Vellum (Soprano) sings the first-flight aria. 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 violin, 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. Sage Wren-Vellum (Soprano). 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)Sage Wren-Vellum (Soprano) 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 VIII of XII: Aria 7 — Sage Wren-Vellum (Soprano) sings the first-flight aria" 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 violin; 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 violin
5. R28 family-tree HUD on right edge — gen 7 highlighted
6. BroadcastChannel('brimsworth_opera') emits current act + measure
7. brimsworth_opera_v1 ledger append

Tone: GRAND OPERA, ALL FICTIONAL. R29 act VIII of XII — makes first solo airship flight at 18.

Paste this into Claude, Cursor, or Copilot. Change one thing that matters to you.

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 violin, 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

© 2026 Kody Wildfeuer