Three.js Scene Build Toolkit

The exact pipeline behind our cinematic scene rebuilds — deterministic, offline, single-file. Everything you need to build scenes that render the same every time and open with the network dead.

What you get

• app.js scene template — renderAt(seconds) determinism, seeded randomness (mulberry32), camera keyframe timeline, Web Audio synthesis (pad, wind, heartbeat, bells)
• build_html.js — esbuild bundle → minified → inlined into one self-contained index.html (Three.js r185, no CDN, no runtime fetch)
• Headless capture scripts (puppeteer) for preview frames and contact sheets, with renderer.info stats
• Offline + determinism verification checklist (block all HTTP, re-render, compare)
• sources.md and concept-note templates for provenance-grade deliverables

Why this pipeline

• Every frame reproducible — graders and screenshots see exactly what you authored
• Under 10k triangles and ~60 draw calls at the busiest frame; runs at 60fps on mid-range phones
• Single-file output that survives air-gapped review and never breaks on CDN changes
• Proven on six shipped cinematic scene rebuilds (original homages — no licensed content)

Get the toolkit — €19

Payment via Stripe Checkout. The pipeline guide and template code are delivered to your inbox automatically.

← Back to store