Interactive low-poly 3D Japanese railway station diorama
Interactive low-poly 3D Japanese railway station diorama is a 18-second Claude Opus motion design reference by @vib3coded, built around Three.js, Canvas. GOAL: Build a single self-contained HTML file: an interactive low-poly 3D diorama of a rural Japanese railway station in spring, using… Copy this 3D motion prompt, keep the creator's frame counts and palette, and adapt the subject for your own launch film.
@vib3codedView post
Prompt
GOAL:
Build a single self-contained HTML file: an interactive low-poly 3D diorama of a rural Japanese railway station in spring, using Three.js (ES modules from a CDN).
MOTION:
No external models or images — generate all geometry from primitives in code and paint textures (grass, signs) on .
Style: a floating diorama block (grass top, layered earth and stone sides) on a soft pastel sky gradient. MeshToonMaterial with a 3-step gradient map, dark ink outlines (OutlineEffect), soft directional shadows, bright saturated palette.
Scene:
- A single railway track across the block, running into green tunnel hills with concrete portals at both ends.
- Concrete platform with a yellow tactile strip, a shelter with a corrugated roof, benches, a hanging clock, a small station building with a teal gable roof and a "春風駅" sign, a station name board (はるかぜ / Harukaze, with neighbouring stations), vending machines, bins, lamps, fence.
- A road crossing the track with a level crossing: striped poles, crossbuck, red flashing lamps, barrier arms; road markings and "止まれ".
- Utility poles with sagging wires, overhead catenary, small village houses, a vegetable patch, bushes, and cherry trees with puffy pink blob crowns and fallen petals painted on the grass.
Animation:
- A two-car commuter train (white with a pink stripe, pantograph) comes out of one tunnel, stops at the platform, then departs into the other; clipping planes hide it inside the tunnels. Loop every ~32 s.
- Crossing lamps blink alternately and the arms lower before the train passes, then rise.
- ~460 instanced sakura petals drifting in the wind.
- Slow auto-orbit camera; OrbitControls for drag and zoom.
UI (English): bottom-left title "春風駅 / Harukaze Station" with a small caption; bottom-right glass toolbar with Day / Night, Orbit on/off, and Train (call the next train). Night mode: dark sky with stars, lit windows, lamp point lights with additive glow sprites, glowing crossing lamps and train headlights.
Technical: merge static meshes by material into a few dozen draw calls; use a seeded random so the scene is identical on every load; responsive down to phone width; respect prefers-reduced-motion.
Author original
Build a single self-contained HTML file: an interactive low-poly 3D diorama of a rural Japanese railway station in spring, using Three.js (ES modules from a CDN). No external models or images — generate all geometry from primitives in code and paint textures (grass, signs) on .
Style: a floating diorama block (grass top, layered earth and stone sides) on a soft pastel sky gradient. MeshToonMaterial with a 3-step gradient map, dark ink outlines (OutlineEffect), soft directional shadows, bright saturated palette.
Scene:
- A single railway track across the block, running into green tunnel hills with concrete portals at both ends.
- Concrete platform with a yellow tactile strip, a shelter with a corrugated roof, benches, a hanging clock, a small station building with a teal gable roof and a "春風駅" sign, a station name board (はるかぜ / Harukaze, with neighbouring stations), vending machines, bins, lamps, fence.
- A road crossing the track with a level crossing: striped poles, crossbuck, red flashing lamps, barrier arms; road markings and "止まれ".
- Utility poles with sagging wires, overhead catenary, small village houses, a vegetable patch, bushes, and cherry trees with puffy pink blob crowns and fallen petals painted on the grass.
Animation:
- A two-car commuter train (white with a pink stripe, pantograph) comes out of one tunnel, stops at the platform, then departs into the other; clipping planes hide it inside the tunnels. Loop every ~32 s.
- Crossing lamps blink alternately and the arms lower before the train passes, then rise.
- ~460 instanced sakura petals drifting in the wind.
- Slow auto-orbit camera; OrbitControls for drag and zoom.
UI (English): bottom-left title "春風駅 / Harukaze Station" with a small caption; bottom-right glass toolbar with Day / Night, Orbit on/off, and Train (call the next train). Night mode: dark sky with stars, lit windows, lamp point lights with additive glow sprites, glowing crossing lamps and train headlights.
Technical: merge static meshes by material into a few dozen draw calls; use a seeded random so the scene is identical on every load; responsive down to phone width; respect prefers-reduced-motion.
Questions
What is this 3d scenes prompt for?
It is a Claude Opus motion design brief for “Interactive low-poly 3D Japanese railway station diorama”. Paste it into Claude and keep the timings already written in the prompt.
Where is the original film?
The creator is @vib3coded. Use View post to open the X video this prompt belongs to.