游戏Vib3Coded @vib3coded2026-11-060:17

像素风浮岛游乐园

播放
1.1万
点赞
242
评论
30
收藏
139

创作者称 Sonnet 5.5 制作了一个浏览器中的像素艺术游乐园,包含三条带物理效果的过山车、多种镜头、音效和响应式控制。

完整提示词3,491 字符

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.

出处:作者在原帖下的回复。提示词保留原文语言,未做改写。

作者提到的工具

Three.js

原帖:https://x.com/vib3coded/status/2118765227584246106

全部作品数据开源在 GitHub · awesome-opus-5.5-video。

模型归属以作者自述为准,本站未独立复现。播放量为 2026-11-08 的快照。作品版权归原作者,修改署名或下架请在 X 私信 @GoSailGlobal。

更多游戏案例