AI Captions · AI Voiceover · 500k CC0 Tracks · Three.js · WebGL
Three.js to MP4 — with
AI Audio & Captions
Frame-perfect WebGL rendering of your Three.js scenes — plus AI voiceover, auto-captions, 500,000 CC0 music tracks, intro/outro cards, and logo overlay. Everything screen recorders get wrong, in one render.
1 free render · $5/month after · Cancel anytime
See it in action — a real render
Want to test with a real input file? Open the live sample animation →
How it works
Bundle your scene
HTML + JS in a ZIP
→
Upload and render
Frame-by-frame in Chromium
→
Download MP4
1080p H.264, ready to share
Features
Everything you need for Three.js to MP4
AI voiceover — 14 voices, local
Type a script and Kokoro TTS narrates your Three.js in one of 14 English voices. Runs entirely on-server — your script never goes to ElevenLabs, OpenAI, or any external API. Auto-ducks under background music.
AI captions from Whisper
Local Whisper (small.en) transcribes any spoken audio and burns time-synced captions directly into frames. Four caption styles — from subtle lower-thirds to bold TikTok-ready text. No API costs, no audio uploads.
500,000 CC0 music tracks
Search Freesound's entire CC0 catalog from inside Animation Machine. Cinematic, lo-fi, ambient, upbeat — every genre. Music loops or trims to match your Three.js's exact duration. No attribution required.
Frame-perfect WebGL rendering
Your scene runs in a real Chromium browser with WebGL, stepped frame-by-frame at a synthetic clock. No dropped frames on heavy scenes, no screen-recorder stutter — every frame is captured exactly as the browser draws it.
FAQ
Three.js to MP4 — Common Questions
Can I export a Three.js scene to MP4?
Yes — Animation Machine runs your Three.js scene in a full Chromium browser with WebGL enabled and captures it frame by frame at a synthetic clock, so even heavy scenes render smoothly with no dropped frames.
How do I prepare my Three.js project?
Bundle a self-contained HTML file (your scene plus three.js — CDN imports work) or zip the HTML together with its JS and assets. Drive the animation with requestAnimationFrame and upload the ZIP.
Will all Three.js features render correctly?
Animation Machine renders your Three.js animation in a full Chromium browser, so anything that displays correctly in a browser — including vector shapes, masks, effects, and image assets — will render correctly in the video.
What resolution and quality can I export?
Export at 1920×1080 (landscape), 1280×720 (720p), 1080×1920 (portrait), or 1080×1080 (square). Quality presets are Draft (fast), Standard, and High. Portrait and square use a crop-to-fill approach for clean output.
Can I add background music to my Three.js video?
Yes. Search our 500,000-track CC0 music library or upload your own audio file. The music is automatically looped and trimmed to match your animation's exact duration.
Can I export a Three.js animation as GIF instead of MP4?
Yes. Animation Machine supports both MP4 and animated GIF export. GIF works well for short loops that need to autoplay in emails or messaging apps; MP4 is better for longer animations or when file size matters.
How much does Animation Machine cost?
Animation Machine is $5 per month with unlimited renders. No per-export fees. Cancel anytime from your account settings.
Also available