Opus 5.5 + Three.js: A Fully Editable Pokemon Battle Animation Workflow
Ror_Fly · x · 2026-09-24
One developer used Claude Code (Opus 5.5) as the coding agent to build a Pokemon battle animation with Three.js, sharing the full stack:
- Stack: Three.js (WebGL) loaded from a CDN, no build step; toon shading + OutlineEffect for cel/ink lines
- Asset generation: Magnific MCP for image gen, image-to-3D, and SFX; Tripo for GLB models; ElevenLabs for sound effects
- Post-production: Headless Chrome via Puppeteer for frame capture, then ffmpeg for encoding, audio mixing, ducking, and compositing
- Key advantage: outputs stay fully editable, with multi-angle capture enabled by Three.js
The approach: let Claude roll with its own stack, and exploit Three.js multi-view rendering as the rendering backbone.
More from coding & agent
- Meta's Proactive Memory Agent fixes context rot, lifting Claude Sonnet 4.5 from 37.6% to 45.9% — DeepLearningAI · 2026-09-25
- A practical guide to Claude Code 2.0: sub-agents, hooks, and context engineering — dejavucoder · 2026-09-25
- mitsuhiko: The Experience of Models Editing Files via Code Is Still Unacceptable — mitsuhiko · 2026-09-25
- Nimble launches official OpenAI plugin for ChatGPT and Codex — OpenAIDevs · 2026-09-25
- Asupersync: A Cancel-Correct Async Runtime for Rust, Built Heavily with Frontier Models — doodlestein · 2026-09-25
- Building Macross Plus Mecha with Codex: A Dev's Side Project — algo_diver · 2026-09-25