Wireframe terrain flyover with a drone HUD
Fly over a glowing wireframe terrain while a laser scans the ground, with a live HUD: telemetry, a heading tape, a mini map and tags pinned to real peaks.
Live — built from this exact promptOpen live demo
prompt.md
Course onlyBuild a single, self-contained index.html: a dark landing hero for a [PRODUCT TYPE, e.g. drone mapping platform] that flies forward over a glowing wireframe terrain, with a laser scan line and a monospace HUD on top. Brand: [PRODUCT NAME] — [WHAT IT DOES IN ONE SENTENCE] Headline: [LINE 1, light] / [LINE 2, bold gradient] Palette: [e.g. cyan #5ef2ff and violet #9d8cff on navy #040914] Technical rules - One file. Three.js 0.160.0 as an ES module through an import map from cdn.jsdelivr.net. Google Fonts allowed (e.g. Sora + DM Mono).
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
- ✓An endless fbm terrain scrolled in the vertex shader
- ✓Grid, contour and laser-scan lines drawn with fwidth
- ✓A HUD with telemetry, a heading tape and a live mini map
- ✓One seeded noise shared by the GPU and JavaScript
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.
