Jason ZhuJasonZhu.AI
中
GamesVib3Coded @vib3coded2026-11-060:17

Pixel-art floating island park

Views
10.8K
Likes
242
Replies
30
Saves
139

The creator says Sonnet 5.5 built a browser-based pixel-art fairground with three physics-driven roller coasters, multiple cameras, sound, and responsive controls.

Full prompt3,491 chars

Build a single self-contained HTML page (three.js r128 from cdnjs, no other dependencies): "Cinderpine Express", a pixel-art 3D fairground diorama on a floating autumn island with three ready-made roller coasters (no track editor).

RENDERING
- Orthographic isometric camera (31° elevation, quarter-turn orbit) drawn into a low-resolution target (art pixel = 2 CSS px, adjustable 1-6 px with a slider). Post shader: depth-based outlines, snap to a fixed 90-colour OKLab palette, Bayer dither, sky/clouds/stars drawn in the shader.
- Autumn palette (dry grass, plum rock, brick, brass, cherry red). Day / Dusk / Night with dynamic lamp lights, glowing windows, fireworks at night.
- A second, perspective camera feeding the same pipeline for chase and first-person.

PARK
Floating island slab with cliff rim, entrance gate with sign, switchback queue, ~6 stalls, cafe, fountain, ferris wheel, carousel, trees, falling leaves, bunting, lamp posts, ~140 instanced box-people who stroll, queue, sit, eat and cheer when the train passes.

COASTERS
Author each as a "turtle" program (straights, pitch easing, turns, hills, vertical loop, helix, tunnel) closed into a circuit by a numeric solver, then smoothed and resampled every 0.5 m. All inside a 76 x 50 m zone next to the station.
1. Old Pinewood: wood, diagonal chain lift, big first drop, camelback airtime hill, trim brake, banked helix, final brake.
2. Cinderloop: steel, east-side lift, vertical loop (sideways spiral so the strands never touch), trim brake.
3. Ember Mine Run: mine train, short lift, double dip, S-curve through a tunnel under a rock hill.
Physics: energy-based speed profile (friction, drag, chain lift, brakes, station stop), banking from the force vector (zero lateral g, works upside down), felt vertical g, airtime flag, stats and ratings (excitement / intensity / nausea).
Visuals: rails, ties, supports down to the ground (timber trestle / steel lattice / stone piers), chain with moving dogs, brake fins, station with canopy and gates, 5-car train with 20 riders who raise their arms on drops, headlamp at night.

RIDE AND CAMERAS
State machine: unload, board, dispatch (lever / Space / auto after ~13 s), lift, drop, brake, arrive. Events drive sound and toasts ("Loop!", "Airtime!").
Cameras: Park (drag orbit, wheel/pinch zoom), Follow, Chase, First-person from the front seat (drag to look around, FOV widens with speed, low car nose so the rails stay visible).

SOUND
WebAudio only, starts on first tap: calliope music, crowd ambience, chain clank, wheels, wind, screams, brakes, station bell, fireworks.

UI
Ticket-booth identity: cream ride tickets with perforations and an "ON THE TRACK" stamp, a cherry dispatch lever, a dark marquee HUD (speed, height, g gauge, section name, lap time), toasts. Ride speed x1/x2/x4 and a pixel-size slider always visible. Phone layout with a bottom sheet, light/dark themes, keyboard shortcuts (1-4 cameras, Space, Q/E, [ ], X). Fonts: Bevan + Hanken Grotesk.

QUALITY BAR
Every coaster closes with < 1 m error, max g <= 4.5, no stalls, no console errors, smooth on a phone. Test with headless Chromium screenshots (all cameras, day/night, phone). Publish as an artifact and also give a standalone .html.

HOW TO WORK
First write a contract file (coordinates, palette keys, TRACK/RIDE API, events, light slots). Then build the coaster physics and ride yourself and run three parallel agents: park + guests + fx, rails + station + train, audio. Integrate and test last.

Source: the creator's reply under the post. Kept in its original language, unedited.

Want more prompts like this one?

Get the 50 most-viewed Claude 5.5 video prompts on one page: the full original text, the creator and the post it came from. We'll only email you when there's a new prompt worth trying. Unsubscribe anytime.

Tools the creator mentioned

Three.js

Original post: https://x.com/vib3coded/status/2118765227584246106

All works are open data at GitHub · awesome-opus-5.5-video.

Model attribution is as stated by the creator and was not independently reproduced. View counts are a snapshot from 2026-11-08. The work belongs to its creator; DM @GoSailGlobal on X for corrections or removal.

More games

Related articles