From Prompt to WebGL 3D

From Prompt to WebGL 3D

The AI Workflow Behind Production-Ready ThreeJS scenes

A hands-on case study in using Claude Opus to design and ship interactive Three.js hero scenes for various case studies. Three full-viewport Three.js heroes built in one session: a hybrid 2D arcade + 3D candlestick hero for a gamified trading project (example 1), a cinematic floating diamond with orbiting tokens (example 2), and a Tron-style wireframe terrain where every market becomes landscape (example 3). No design assets, no Figma imports. I locked the design system first, specified the art direction, and iterated visuals using Claude. I drove the design. Claude handled the implementation.

Industry

Fintech

Deliverables

ThreeJS

WebGL

HeroDesign

Timeline

May 2026

More projects.

More projects.

Let’s shape your next big story.

Whether it’s strategy, design, or the kind of campaign that travels continents, I’m ready when you are.