Build “THE LAST CARRIAGE,” a finished, exquisitely art-directed, interactive 3D Halloween experience for the browser.
A miniature ghost train circles an enchanted Victorian village at midnight. Each time it disappears into a tunnel, something quietly changes.
Deliver a working experience, not a concept, mockup, or technical demo. Treat it as a small piece of interactive cinema with the craftsmanship of an elaborate stop-motion film set.
If working in the existing project, preserve its identity, useful train logic, working interactions, and private access configuration. Improve the existing site rather than creating a duplicate.
1. CREATIVE DIRECTION
The central idea:
“An enchanted Halloween railway village, handcrafted as a museum-quality mechanical diorama.”
Emotional balance:
- 60% enchanted autumn warmth.
- 30% gothic mystery.
- 10% quiet unease.
Make it inviting enough to explore and strange enough to remember.
Use a controlled palette:
- Ink blue and velvet-blue shadows.
- Muted violet and near-black plum.
- Burnt sienna and copper autumn leaves.
- Pumpkin amber and warm ivory.
- Oxblood-red paint.
- Tarnished gold and aged brass.
Warm lights should be the emotional center of the scene. Avoid washing every surface in cyan or dark teal.
Materials must feel tactile and handmade: painted wood, soot-darkened metal, weathered brass, slightly bowed plaster, layered slate shingles, damp cobblestones, waxy pumpkin skin, and delicate glass.
Introduce purposeful asymmetry, small imperfections, and surface variation while maintaining coherent scale.
Avoid generic low-poly assets, placeholder boxes, blob-shaped trees, neon colors, excessive bloom, heavy fog, jump scares, gore, flashing effects, and visual clutter.
2. COMPOSITION AND OPENING FRAME
Make the miniature world occupy approximately 75–85% of the opening viewport. The scene must dominate; typography must remain secondary.
Design an intimate three-quarter composition:
- Foreground: three beautifully carved pumpkin lanterns beside the curved railway.
- Midground: the locomotive passing the warmly illuminated station.
- Background: crooked village roofs, a slender clock tower, and a wooded tunnel entrance.
Arrange these focal points as a visual triangle. Use the railway curve as a strong leading line.
Reduce the exposed empty base and avoid making the model look small inside a large webpage. Preserve quieter areas between detailed clusters.
At time zero, clearly show:
- The locomotive and its passenger carriages on the foreground curve.
- At least three recognizable glowing jack-o’-lantern faces.
- The station entrance and warm ticket-office window.
- The tunnel mouth.
- A readable architectural silhouette.
- A balanced relationship between warm light and cool night.
The first tunnel entry must occur only after viewers have had time to appreciate the train.
The opening frame should work as a finished Halloween illustration before anything moves. Do not hide the best composition twenty seconds into the experience.
Create deliberate desktop and mobile portrait framing. A vertical video composition should retain the train, station, and foreground pumpkins.
3. THE MINIATURE WORLD
Build a compact, richly composed landscape containing:
- A curved railway loop.
- A narrow stone viaduct crossing a dark stream.
- A tunnel through a wooded hillside.
- A small Victorian station.
- A handful of individually designed village houses.
- A slender clock tower.
- Sculptural trees with sparse autumn foliage.
- One solitary figure waiting beneath the platform lamp.
Concentrate detail around the train, station, foreground pumpkins, and tunnel portal rather than distributing decoration uniformly.
Architecture:
- Slightly bowed walls and purposeful asymmetry.
- Steep, subtly curved roofs.
- Layered shingles with visible thickness.
- Dormers, crooked chimneys, and timber framing.
- Recessed doors and window surrounds.
- Aged copper gutters, iron fences, and hanging signs.
Station:
- A scalloped canopy on slender iron supports.
- A warm ticket-office window.
- An old clock approaching midnight.
- A wooden bench and stacked luggage.
- A small sign reading “ALL HALLOWS.”
- Autumn garlands and a restrained strand of warm lanterns.
Tunnel:
- A dressed stone portal and old iron crest.
- Ivy, roots, fallen leaves, and pumpkin-lit steps or a maintenance path.
- An almost completely dark interior.
- Layered terrain, stones, roots, and vegetation that break up the hillside.
Do not leave a large, smooth, empty mound.
Trees must have tapered trunks and branching silhouettes. Use irregular clusters of small copper and russet leaves with varied color and density.
4. SIGNATURE JACK-O’-LANTERNS
Create approximately 12–18 pumpkins, arranged in deliberate clusters:
- Three hero pumpkins beside the foreground track.
- Several on the station steps and beneath the canopy.
- A cluster near the tunnel.
- A few on a cart, in windows, or beside garden gates.
Vary their scale, proportions, ribbing, stem curvature, and carved expressions.
Hero pumpkins require:
- Rounded, deeply ribbed bodies.
- Slightly asymmetrical silhouettes.
- Curled, dry stems.
- Thick carved walls with visible depth.
- Distinct eye and mouth openings.
- Convincing hollow interiors and visible candlelight.
- Subtle skin roughness and color variation.
Use actual openings or convincing recessed cutout geometry with inner walls. Do not paste black triangles onto orange spheres.
At least three carved faces must be immediately readable from the default camera.
Their light must illuminate nearby cobblestones, station steps, and rails. Emissive orange surfaces alone are insufficient.
Use a few strategically placed local lights and efficient supporting techniques. Do not assign an expensive shadow-casting light to every pumpkin.
Candle flicker should be gentle, irregular, and slow.
5. THE TRAIN AS A HERO OBJECT
Create one detailed miniature steam locomotive with three passenger carriages.
Locomotive:
- Oxblood-red painted panels.
- A soot-black boiler.
- Aged brass fittings and thin gold pinstriping.
- A warm headlamp with a restrained beam.
- Layered wheels and animated connecting rods.
- A small brass bell.
- A modest autumn garland and one small pumpkin lantern near the front.
Carriages:
- Detailed frames and rounded roof profiles.
- Warm interior windows.
- Passenger silhouettes that remain legible during normal playback.
- Consistent scale and spacing along the curved track.
Give the last carriage a subtle separate identity:
- Darker paint.
- A small moon emblem.
- One pale interior light among the warm windows.
Use smooth, consistent train motion and convincing wheel rotation. Maintain carriage spacing through curves.
Steam should consist of soft, varied, dissipating wisps, not an obvious chain of opaque spheres.
6. LIGHTING, MATERIALS, AND ATMOSPHERE
Build three complementary lighting layers:
A. Warm focal lighting
Rich amber from the station, train windows, and pumpkins.
B. Cool shape lighting
Soft blue-violet moonlight revealing roof edges, branches, steam, and train silhouettes.
C. Gentle environmental fill
Enough neutral-cool illumination to preserve material colors and make unlit architecture readable on an ordinary laptop or phone.
Keep the brightest highlights small and purposeful. Preserve amber color without clipping it to white.
Ground objects with contact shadows, carefully controlled soft shadows, and restrained ambient occlusion where affordable.
Wet stone, rails, brass, and the stream should catch subtle reflections.
Use thin, localized mist near the tracks, stream, and beneath the bridge. Keep the train, pumpkin faces, and station clear.
Add restrained, asynchronous environmental motion:
- A few drifting leaves.
- Occasional tiny locomotive embers.
- Soft chimney smoke.
- Slight movement in hanging decorations.
- Slow candle flicker.
Use subtle film grain and careful tone mapping. Bloom and depth of field are optional finishing touches, never substitutes for good lighting. Keep the principal train and pumpkin details sharp enough to inspect.
7. HALLOWEEN SET DRESSING
The holiday must be recognizable with all interface text hidden.
Include a curated selection of:
- Glowing carved pumpkins.
- Copper and russet leaves gathered along edges.
- A small wooden pumpkin cart.
- A faded harvest-festival banner.
- Tiny hanging ghost ornaments beneath the canopy.
- Wrought-iron crescent-moon details.
- Fine cobwebs visible where they catch warm light.
- A small black cat near a lantern.
Compose props into meaningful clusters with breathing room between them. Favor craftsmanship and storytelling over decoration density.
8. THE 36-SECOND NARRATIVE LOOP
Create a deterministic, seamless 36-second sequence spanning three approximately 12-second circuits.
Opening circuit:
Three distinct passengers are visible through the carriage windows. A solitary figure waits under the station lamp.
Second circuit:
After a concealed tunnel passage, one passenger is missing. A previously dark window in a distant house is now illuminated.
Third circuit:
After the next concealed tunnel passage, the platform is empty. The waiting figure is now seated in the last carriage, facing outward toward the viewer.
During the third circuit, as the last carriage passes the foreground pumpkin cluster:
- The candle flames briefly lean toward it.
- Its pale window reveals the former waiting figure.
- The station lamp dims slightly.
- The figure turns away.
- A faint ghostly reflection lingers in the glass.
Choreograph this moment around the foreground passage, approximately 25–26 seconds into the loop. It must be subtle but readable at normal playback speed.
During the final passage, the last carriage light slowly fades.
Use the next tunnel passage to conceal the reset into the opening state.
All passenger changes and resets must happen while the affected train is fully hidden inside the tunnel. Avoid visible popping or discontinuities.
The story should reward observation without explanatory captions and work completely without sound.
9. CAMERA, DRAG ROTATION, AND SCROLL ZOOM
Provide three camera presets:
- DIORAMA: the carefully art-directed default three-quarter view.
- FOLLOW: a gentle train-following camera.
- STATION: a closer view of the platform and carriage windows.
Transitions must be smooth and deliberate.
Before manual interaction, allow barely perceptible cinematic drift. Stop that drift once the user manually adjusts the view.
Support direct manipulation in all three presets:
Drag rotation:
- Left mouse drag on desktop.
- Single-finger drag on touchscreens.
- Smooth horizontal rotation through 360 degrees.
- Vertical elevation constrained to approximately 12–65 degrees above the horizon.
- No flipping beneath the scene.
- Pointer capture so a drag remains continuous when crossing controls.
- Clean release and cancellation handling.
- No uncontrolled spinning after release.
Scroll zoom:
- Scroll up to enlarge the model.
- Scroll down to reduce it.
- Support mouse wheels and trackpad two-finger scrolling.
- Ease smoothly toward the requested zoom.
- Limit zoom to approximately 65–185% of the preset’s default size.
- Use optical camera zoom to preserve safe orbit distance and avoid moving the camera through scenery.
- Normalize wheel input across pixel, line, and page delta modes.
- Preserve browser-level zoom shortcuts and modified wheel gestures.
Reset:
- Provide a discreet Reset view button.
- Double-clicking the scene or pressing 0 restores the default Diorama angle and 100% zoom.
- Changing camera presets clears manual rotation and zoom.
- Restart story resets narrative time independently of camera adjustments.
Keyboard accessibility:
- Arrow keys rotate while the canvas is focused.
- + and − adjust zoom while the canvas is focused.
- Provide visible keyboard focus and concise accessible instructions.
Scene gestures must not interfere with interface buttons or the station-lamp interaction.
10. INTERFACE AND SOUND
Open directly onto the scene without an application splash screen or unnecessary onboarding.
Use a small, elegant corner title:
THE LAST CARRIAGE
“Watch the passengers.”
Pair a refined serif title with discreet, widely spaced supporting text. Avoid oversized copy, excessive margins, and decorative labels competing with the model.
Include a subtle initial hint:
“DRAG TO ROTATE · SCROLL TO ZOOM”
Fade it after interaction.
Provide unobtrusive controls for:
- Sound on/off — S.
- Camera preset — C.
- Reset view and zoom — 0.
- Restart story — R.
- Hide interface for recording — H.
- Restore interface — H, Escape, or a discreet restore button.
- Pause/resume — Space when the page background has focus.
Clicking or tapping the platform lamp gently dims it and reveals faint ghostly footprints. This optional detail must not alter the main story.
Respect reduced-motion preferences: start with a still opening frame and offer an explicit Play control. Pause animation and mute audio when the page is in the background.
Audio must begin only after an enabling user gesture.
Create a restrained layered soundscape:
- Soft wheel rhythm.
- Distant steam whistle.
- Autumn wind.
- Faint station bell.
- Subtle muffling or ambience changes inside the tunnel.
11. IMPLEMENTATION AND PRIVATE HOSTING
Use Three.js with clean, maintainable modules.
Prefer procedural geometry, materials, textures, and audio where they support the art direction. Use properly licensed assets when useful and include attribution.
The essential scene, interactions, and story must run without runtime AI calls, API keys, or external inference services.
Bundle essential dependencies and assets locally where practical.
Use:
- Geometry batching for static details.
- Instancing for repeated leaves and props.
- Lower detail for smaller or distant objects.
- Sensible shadow settings.
- A capped device pixel ratio.
- Adaptive rendering quality.
- Graceful fallbacks for expensive effects.
- A clear fallback message when WebGL is unavailable.
Prioritize:
1. Composition and lighting.
2. Hero pumpkins and train craftsmanship.
3. Smooth movement and readable storytelling.
4. Architectural character and material richness.
5. Secondary decoration.
Keep the hosted site private and accessible only to the owner’s account. Preserve platform-managed authentication. Do not make it public or replace the platform’s access controls with a cosmetic login screen.
12. VALIDATION AND DELIVERY
Build, run, and inspect the actual rendered experience.
Work in visual passes:
1. Camera framing and scene scale.
2. Lighting and exposure.
3. Hero pumpkins and locomotive.
4. Station and architectural silhouettes.
5. Materials and clustered set dressing.
6. Atmospheric motion.
7. Interface refinement.
After the first three passes, inspect a real rendered screenshot before adding more decoration.
Review:
- The opening frame.
- The locomotive passing the foreground pumpkins.
- Each passenger-state change.
- The supernatural moment.
- The concealed reset and complete loop.
- Mobile portrait framing.
- Interface-hidden recording mode.
- Alternate camera presets.
- Drag rotation and elevation limits.
- Scroll zoom and zoom limits.
- Reset behavior.
- Keyboard controls.
- Sound and station-lamp interactions.
Check browser errors and rendering performance. Verify consistent train spacing, deterministic narrative states, hidden transitions, and loop continuity.
Revise frames that remain muddy, flat, sparse, overdecorated, or dominated by typography.
Final visual acceptance criteria:
- The scene immediately communicates Halloween without text.
- Pumpkin faces look carved and illuminate their surroundings.
- The train is a beautiful, visible focal object from the opening frame.
- Materials and craftsmanship are appreciable at default viewing distance.
- Warm light remains rich without losing nocturnal mystery.
- Rotation and zoom feel smooth and controlled.
- The opening frame alone could work as an appealing Halloween art print.
Deliver:
- The working private experience.
- Complete source with clear local run instructions.
- A concise controls guide.
- Actual screenshots from the running result.
- A default composition suitable for recording a seamless looping video for X.
The result should feel like discovering a tiny haunted world: beautiful enough to watch before noticing that something is wrong. Prompt by @happycapyai , posted on X on 2026-10-27. x.com/happycapyai/status/2115035788891013525 . Copies include this credit. 