Street Cafe Racer 3D

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.

Recreate a browser-based Three.js 3D first-person motorcycle street racer titled “Street Cafe Racer 3D.” Use a dark, polished arcade presentation with a full-screen WebGL scene and a responsive HTML/CSS overlay UI.

Scene and camera: use a first-person/low cockpit perspective from just behind and above the motorcycle, with a 72-degree perspective camera around (0, 1.38, 3.2). The world is a long straight boulevard extending into fog: a broad dark charcoal road about 16 units wide, bordered by a very large dark green grass plane. Place repeating pale-gold lane/road markings in two lines at x=-2.7 and x=2.7, spaced along the road. Add a dark blue-gray stylized city skyline on both sides, made of repeating chunky rectangular building blocks at roughly x=-12 and x=12, plus occasional simple tall street lamps. Use a deep navy/near-black background and atmospheric fog so the road disappears into the distance. Lighting should be soft but cinematic: cool ambient hemisphere light and warm directional daylight, with shadows.

Player vehicle: show a procedural stylized motorcycle cockpit in the foreground, centered at the bottom of the view. It should visibly include a copper/orange metallic rounded fuel tank, black seat/body, chrome horizontal handlebars with small chrome mirrors, a chrome front fork, a black front wheel ring, a small dark dashboard, and a small glowing turquoise/green dashboard indicator. The bike subtly bobs and leans while steering. Keep the player bike at the near end of the road while the world/traffic moves relative to it.

Core driving: start stopped and allow acceleration with W or Up Arrow; S or Down Arrow brakes and slows; A/D or Left/Right steers laterally; Shift activates nitro while accelerating. Speed accelerates toward a normal top speed of 155 km/h, while nitro can temporarily push it up to 190 km/h. Nitro drains while boosting and slowly recharges otherwise. Steering changes lateral position, clamps the bike to the road width, and causes a visible lean and slight camera roll. Releasing throttle decelerates gradually. Support equivalent touch controls: left, right, brake, gas, and nitro circular buttons along the bottom right/center.

Traffic and collectibles: populate the boulevard with roughly 12 traffic vehicles distributed ahead in lanes x=-4.2, 0, and 4.2, moving toward/past the player at varied speeds. Use simple toy-like low-poly cars/trucks in varied colors if external vehicle models are available; otherwise use recognizable blocky vehicle silhouettes. When a vehicle passes beyond the player, recycle it far ahead into a random lane. If the motorcycle comes close to a vehicle at speed, slow the player sharply and show a temporary “CLOSE CALL” message, but do not add a complex crash screen. Place rotating gold ring-shaped coin collectibles along the three lanes ahead; recycle them after passing and increment the persistent coin count when collected. Store the total coins in browser localStorage.

Weather modes: menu buttons must launch Career, Free Ride, Night Ride, or Rain Ride. Day clear mode uses warm directional lighting and the normal road. Night mode changes the environment/fog to almost black-blue, dims ambient/day light, makes the road wet and reflective-looking, and turns on a strong cool headlight from the bike. Rain mode displays many falling diagonal blue-white rain particles over the roadway and uses a darker wet road material. Include keyboard shortcuts N to toggle night and R to toggle rain during play if practical.

Main menu overlay: before play, show a centered dark translucent rounded rectangular panel with a thin blue-gray border and soft shadow. The visual style should match the screenshot: large bold gold/yellow title “Street Cafe Racer 3D,” subtitle “Original first-person street racing — ride the golden line.”, and a two-column grid of buttons. Buttons are dark navy with white bold labels; the primary PLAY CAREER button is gold with dark text. Include PLAY CAREER, FREE RIDE, NIGHT RIDE, RAIN RIDE, GARAGE, and MISSIONS. Under the buttons show the controls hint: “W accelerate · S brake · A/D steer · Shift nitro · Esc pause”. On small screens stack the buttons into one column.

In-game HUD: hide the menu and show a transparent dark HUD. At the top left place a card reading SPEED with a large gold numeric km/h value. At the top center/right place a NITRO card with a turquoise horizontal fill bar, and a COINS card displaying a gold diamond symbol and the persistent count. Center the screen near the top with a gold status toast such as “CAREER RACE”, “FREE RIDE”, “NIGHT CLEAR”, “DAY RAIN”, “CLOSE CALL”, or “+1 COIN”, and a smaller line beneath. Career should show “Checkpoint 1 / 5 · 0.0 km” and advance the displayed checkpoint based on distance, while Free Ride should show “No timer · X.XX km ridden.” Along the bottom left, show a dark card naming the bike “Copperline 250” and “Position 1/6.” Along the bottom, add circular touch buttons labeled left arrow, S, W, N, and right arrow.

Modes and progression: Free Ride has no timer and is an endless/exploration ride. Career is a boulevard sprint; when the player travels about 2100 world units, show a modal titled “Race Complete” with text “You cleared the boulevard sprint.” and reward “+250◆ · +100 XP,” add 250 persistent coins, then return to the menu. The Garage button opens a modal listing Copperline 250 as OWNED, an Engine upgrade “+5 km/h” costing 80 coins, and a Handling upgrade “tighter lean” costing 120 coins; upgrades can be presented as purchase buttons and explain that coins persist and upgrades affect top speed/handling. The Missions button opens a modal with progress rows: “Overtake 8 traffic vehicles,” “Collect 10 coins,” and “Reach 140 km/h,” showing tracked progress/locked or done state. Escape toggles pause, replacing the center status with “PAUSED.” Use dark navy modal panels with rounded corners and a BACK button, matching the menu styling. Keep the overall art low-poly, moody, clean, and arcade-like rather than realistic.