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 IX/XII: Lament Aria — Cordelia Wren (Contralto) sings the memorial lament (sung libretto via Web Speech API + 3D opera stage + R27 leitmotif accompaniment in solo cello + R28 family-tree HUD)

A 3D BRIMSWORTH OPERA demo: Act IX of XII. Lament Aria — Cordelia Wren (Contralto) sings the memorial lament. 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 cello, 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. Cordelia Wren (Contralto). 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)Cordelia Wren (Contralto) 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 IX of XII: Lament Aria — Cordelia Wren (Contralto) sings the memorial lament" 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 cello; 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 cello
5. R28 family-tree HUD on right edge — gen 8 highlighted
6. BroadcastChannel('brimsworth_opera') emits current act + measure
7. brimsworth_opera_v1 ledger append

Tone: GRAND OPERA, ALL FICTIONAL. R29 act IX of XII — memorial visit to R21 plaque at 42.

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