Skyline FPV

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a browser-based Three.js first-person drone flight game titled "Skyline FPV". Use a dark navy night/blue-hour environment with a full-screen 3D canvas, subtle fog, ACES-style cinematic tone mapping, and bright cyan lighting. The camera is a wide-angle first-person perspective (about 78° FOV) attached to/controlled as an FPV drone, with a small circular crosshair reticle centered on screen. The player drone begins around x=0, y=5, z=12 and flies forward through a long linear city corridor; use FPS-style movement controls with WASD or arrow keys to steer, Shift to boost, and Space to rise, with keyboard desktop controls and touch controls on mobile. The movement should have flight-like vertical motion/gravity and show current velocity as a speed readout.

Build the environment as a dark blue city-floor corridor: a large flat ground plane around y=-7, faint cyan parallel lane/grid lines running down the flight path, low-poly dark blue rectangular skyline towers/buildings arranged on both sides and along the route, and occasional small glowing orange beacon lights. Add atmospheric fog that fades the far end of the corridor into the dark background. Place exactly seven large glowing cyan checkpoint rings along the z axis in this pattern, with coordinates approximately: (0,3,-18), (6,8,-42), (-5,5,-67), (1,11,-92), (-7,6,-118), (5,9,-145), and (0,4,-173). Each gate is a luminous cyan torus ring with a slightly translucent larger cyan halo, and some rings are subtly rotated around their z axis. The player scores when passing through a ring: detect that the drone is within the ring's radius (roughly 4.2 units, using a practical inner threshold around 82% of that) and close to the gate's depth (within about 2.2 units of its z position). Mark each gate only once and award 100 points per successful checkpoint. Missed gates remain behind as the player continues, rather than resetting the run.

Run a 60-second countdown. End the run when time reaches zero, show a timeout message, and allow restarting with the R key or by pressing the button again. The world should have a very subtle continuous rotation/ambient motion, while the player flies through the fixed corridor. Use hemispheric blue lighting and a bright directional light so the buildings and rings are readable, with emissive materials for the gates.

Overlay a polished dark glass HUD on top of the canvas. At the upper left, show a rounded translucent panel with the cyan uppercase brand "SKYLINE FPV" and the subtitle "RING RUN // FIRST-PERSON DRONE TRIAL". At the upper right, show a matching rounded stats panel with three columns: SCORE, TIME, and KM/H; initially display 0, 60.0, and 0. Update score, remaining time to one decimal, and velocity converted to km/h. Keep a thin circular cyan reticle with crosshair lines centered on the screen. At the bottom center show a translucent toast/instruction pill initially reading "WASD / arrows to steer · Shift to boost · Space to rise"; after launch it should say "Fly through each ring. Missed gates stay behind — keep moving.", and after each gate display a checkpoint progress message such as "CHECKPOINT 1/7 · keep the line". When time expires, display "TIME OUT — press R or tap ARM DRONE to restart".

Before play begins, show a centered modal overlay with a dark translucent gradient over the scene. The rounded glass card should contain the large title "SKYLINE FPV", explanatory text "Thread the glowing gates before the clock hits zero. This is a browser FPV flight slice — keyboard on desktop, touch controls on mobile.", and a bright pill-shaped cyan button labeled "ARM DRONE". Clicking it hides the modal, starts the timer/game, and requests pointer lock where supported. On restart reset score, timer, player position, and all gate-passed states. Maintain a responsive layout with hidden overflow, full viewport canvas, dark navy background, rounded glass panels, cyan borders/highlights, pale blue text, and a clean futuristic sans-serif UI.