GPT-6 AstraAuthor Tom Krcha

Two procedural steam locomotives in Three.js with an explode-and-reassemble view

GPT-6 Astra wrote TypeScript that builds two trains at runtime with no model files, including code-driven wheels and an exploded-parts animation.

Claude Code + Three.js (code only)Wandy 2
Actual models · 360°Both from the same photo: left — one unedited Claude Code (Opus 5.5) run modelling it in Three.js code; right — Wandy 2.

Create detailed 3D models

Code alone gets you simple shapes. Wandy 2 turns one photo into a textured 3D model you can use in the same scene.

Build brief by Wandy3D

The author didn't share a prompt, so we wrote down how to recreate this build.

Build an interactive browser showcase of two steam locomotives, one classic and one streamlined, using TypeScript and Three.js with no external 3D model files. Generate every part at runtime from dimensions, profiles and geometry helper functions: boiler, cab, wheels, rods, tender and rails. Use a clean light interface with a serif headline, a small panel for travel speed, view buttons and a play toggle. Animate the wheels and the trains rolling along the track, with a speed slider. Add an explode and reassemble animation that separates all parts in the air and puts them back together, driven entirely by code. Allow orbiting the camera around the trains with soft shadows on a pale ground. Done means smooth performance in the browser and recognizable, detailed locomotives.

How to use this prompt

  1. Paste the build brief into GPT-6 Astra in a coding agent set up for a TypeScript and Three.js project.

  2. Swap the machines for other subjects, such as a car engine or a clock, and tweak the speed controls.

  3. Run it in the browser and ask for more detail on parts, camera moves or a labelled exploded view.

Original postAre you the author? Ask us to edit or remove this page