Interactive 3D night train crossing a mountain viaduct

Prompt

The author shared the full prompt.

Create a polished, fully interactive 3D artwork called "Nocturne - The Highland Night Train" using Three.js and WebGL. Deliver the entire experience as one standalone HTML file that opens directly in Chrome. Generate the models, materials and textures procedurally, and embed dependencies so the final file can also work offline. Start from scratch and give the scene its own visual identity.

ART DIRECTION
An elegant burgundy night express crosses a monumental curved stone viaduct above a deep alpine valley. Dense conifer forests, a winding river, distant cottages and rugged snow-covered mountains surround the railway. Use a cinematic, carefully detailed miniature style, with cool moonlight, deep blue shadows and warm golden carriage windows. The result should feel like a finished interactive artwork, with thoughtful composition and readable details.

THE TRAIN
Build a convincing diesel locomotive and four passenger carriages. Use deep burgundy paint, cream stripes, brass handrails and charcoal roofs. Model rounded body panels, cab windows, front lamps, radiator grilles, roof fans, exhaust, walkways, steps, buffers, couplings, bogies, wheel flanges and suspension details. Include window frames, curtains and subtle passenger silhouettes. Keep windows and decorative parts visibly outside the body surfaces, without intersections or flickering.

RAILWAY AND MOVEMENT
Create a continuous elliptical railway loop supported by a tall masonry viaduct. Construct actual open arches, piers, individual arch stones, parapets, rails and sleepers. Add procedural stone variation and subtle surface relief. Supports must meet the terrain and the track must have no gaps.

Move the train at a believable, steady speed using an arc-length-parameterized route. Position and orient every carriage independently. Keep the wheels aligned with the rails and make bogies follow the track correctly through turns. Couplings must remain connected without overlapping carriages. Add restrained suspension movement, rotating wheels and exhaust that drifts away into world space.

ENVIRONMENT AND LIGHTING
Use thousands of efficiently instanced conifers with varied heights, shapes and colors. Sculpt irregular mountain ridges with snow on the upper slopes. Add atmospheric depth, a starry sky, a moon halo and a softly feathered headlight beam through the mist. Use warm windows, controlled bloom, soft shadows and subtle color grading. Preserve detail in the train and bridge instead of crushing them into black silhouettes.

INTERACTION
Provide four smoothly transitioning cameras: Cinematic, Train, Window Seat and Free Orbit. Let users rotate and zoom freely. Keep useful framing on both desktop and mobile.

Add distinctly different Moonlight, Blue Hour and First Light presets. Include play/pause, speed controls, a horn button, sound on/off, volume and an option to hide the interface. Use a restrained English-only interface with elegant typography and unobtrusive controls.

AUDIO AND QUAL

Category

3D scenes

Stack

Three.js, WebGL

Made with

Three.js, WebGL

From the author

Prompt shared in-thread; compares Astra and Opus versions.

On X

22 likes · 5.1K views · 10 saves