Low-poly floating island game hero (Three.js)
A golden-hour, low-poly floating island with ruins, a waterfall spilling into the void, drifting clouds and birds — drag to orbit, hover to wake the crystals.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a cinematic landing hero for [GAME NAME], a [GENRE, e.g. cozy co-op sky builder], with a live low-poly floating island at golden hour. Title: [GAME NAME] — tagline [ONE LINE, e.g. "Build a home above the clouds."] Palette: [e.g. dusk violet sky, peach horizon, gold #ffd58a title, violet crystals] Technical rules - One file. Three.js 0.160 from jsDelivr via an import map; no other libraries, no image files. Google Fonts (e.g. Cinzel + Cormorant Garamond italic + Barlow Condensed).
The full prompt comes with the course
All 55 prompts in the library are part of the Vibewrights course. Enrollment opens in January 2027 — join the waitlist to get the founding-member price.
See what's includedWhat you'll get
- ✓A procedural low-poly island: flat-shaded grass top, jagged rock underside
- ✓A waterfall ribbon plus spray particles falling into the void
- ✓Crystals that wake with glow, light and sparkles on hover
- ✓Drag-to-orbit camera, drifting clouds, islets and a flapping flock
How to use it
- 1Replace everything in [BRACKETS] with your own product, copy and colors.
- 2Paste it into Claude Code, Cursor, Lovable or Bolt and open the page in Chrome.
- 3Compare with the live demo, then tune one thing at a time.
— From the course
You'll build this end-to-end in Module 3, with a step-by-step video walkthrough and AI feedback on your project.
