Grand Theft Auto Clone

Build a polished web clone of Grand Theft Auto as a three.js open-world game: a sunny low-poly city you explore on foot, steal and drive cars through traffic, run story missions, and shake off police chases, under the modern GTA V HUD. Everything is drawn in code (boxes, prisms and canvas textures, no model or image files) and every sound is synthesised with Web Audio. A React overlay draws the HUD.

It is Grand Theft Auto on screen: its name and its own words ("MISSION PASSED", "MISSION FAILED", "WASTED", "BUSTED", "Lose the cops.", "Press F to enter a vehicle.", wanted stars, Respray, MAP / BRIEF / STATS / SETTINGS). Draw the "Grand Theft Auto" wordmark in the chunky display font Titan One (Pricedown can't be embedded), HUD money in Passion One, text in Barlow / Barlow Condensed. The city, people and car makes are ORIGINAL: the city is Palmera City (districts Vista Hills, Downtown, Mercado, Palm Beach, Harbor), the player is Nico Reyes, the mission givers are Rico, Dee and Vince, cars are fictional makes (Corvo Stallion muscle car, Lumen Coupe, Imperio Sentra, Imperio Cab, Kessler Bruiser van, Ridgeback Hauler pickup, Sentry Cruiser police). Non-graphic: no blood; people hit by fists, bullets or cars fall over, then get up and run.

SHELL
Full-window canvas that opens straight into play on a sidewalk by Palmera Park at 16:30 golden hour: no splash, login or menu. A help box explains the controls for 9 seconds. Keyboard + mouse: WASD move/drive, mouse look (click locks the pointer; dragging also works), Shift sprint, Space jump / handbrake, F enter or exit, click or J attack, Q switch weapon, H horn, V camera distance, M map, Esc pause. Phones get a stick, CAR/EXIT, GUN, JUMP/BRAKE and HIT buttons, drag-to-look on the right half and a pause button; the radar moves top-left. Progress (money, finished jobs, stats, settings) saves to localStorage.

WORLD
- An 8 x 8 grid of 70 m blocks: 14 m two-lane roads (drive on the right) with double yellow centre lines and zebra crossings, raised sidewalks, and lots styled per district: glass and office towers Downtown (30-110 m, some with set-back tops), colourful shop rows with awnings in Mercado, pastel stucco blocks and palms in Palm Beach, houses with gable roofs, lawns, hedges and trees in Vista Hills, warehouses and stacked shipping containers in the Harbor. Special lots: Palmera Park (fountain, benches, trees), Palmera General hospital, PCPD police station, Rico's Garage, a Respray shop and a gas station, each with a sign. Sand beach and sea to the south, harbour water to the west, low-poly hills north and east.
- Facades use procedural window textures tinted per building; at night random windows light up, street lamps glow and cars show head and tail lights.
- Sky dome, sun, fog and light follow a clock (1 game minute per real second): day, golden hour, sunset, dusk, night. Settings can pin Day / Sunset / Night.

PLAYER, CARS, PEOPLE
- Box-built third-person character with walk/run/jump, a punch, a pistol pose and a knocked-down pose. Camera orbits on foot, swings behind cars in a chase cam that pulls back and widens with speed, and pulls in when a wall is in the way.
- Arcade car physics: throttle, brake/reverse, speed-sensitive steering, handbrake drifts, body roll, spinning and steering wheels, crash pushes and damage (wrecked cars go dark). Get in with F: you walk to the driver door; a civilian driver is dragged out and runs. Bail out at speed and you tumble.
- About 20 AI cars drive the lanes around you (pure pursuit along the road graph, slow for turns, brake for anything ahead, overtake blockers), plus cars parked along the curbs; patrol cars mix in. About 36 pedestrians walk the sidewalk loops, flee from gunfire, fights and fast cars, get knocked over and get back up.
- Fists (two punches drop a civilian) and a pistol with soft lock-on (reticle turns red on cops), tracers and a muzzle flash.

WANTED + POLICE
Crimes raise 1-5 stars (shots, punching or hitting people when a cop sees it or a witness calls it in, carjacking a police car, hitting cops). Police cars spawn and chase with sirens, ram you, pull up short of you on foot and two officers get out. At 1-2 stars officers who reach you on foot cuff you: BUSTED (hands up, grey screen, respawn at PCPD minus bail). From 2 stars they shoot. Health 0: WASTED (slow motion, grey, crane shot over the body, respawn at Palmera General minus a hospital bill). Break line of sight long enough and the stars flash, then clear; or drive into the Respray: the screen dips, the car gets a new colour and the stars go for $250. Health regenerates to half.

MISSIONS (walk into a yellow cylinder marker with a letter blip)
1. Hot Wheels (Rico, $2,500): steal the yellow Corvo Stallion parked in Vista Hills; the alarm gives 2 stars; lose them or hit the Respray; deliver it to Rico's Garage.
2. Rush Hour (Dee, $1,800): get in the Lumen Coupe on Ocean Ave and drive through 9 checkpoints across Downtown in 95 s (CHECKPOINT n/9 and TIME rows).
3. Debt Collector (Vince, $1,200): find Marco (red blip) in the Harbor, he runs when he sees you; knock him down, pick up the green cash bag, bring it back.
Each starts with a big title card, shows objectives as bottom subtitles with coloured keywords (yellow places, blue vehicles, red targets, green pickups), floating chevrons over targets, and ends on MISSION PASSED (gold, black band, Reward and Time rows, a fanfare and a green +$ money delta) or MISSION FAILED with the reason.

HUD (GTA V)
Bottom-left rotating rounded radar (dark blocks, light roads, blue water, green park) with the white player arrow, an N marker on the rim, blips (letters for givers, Respray, hospital, police, flashing red/blue cops) and a yellow GPS route to the objective (purple to your own waypoint); green health and blue armour bars under it. Top-right weapon icon + ammo, five white stars, money in white with a black outline and a green/red +/- delta. Bottom-right italic vehicle name on entry, then district and street. Pause menu: game name header, player name, day and time, bank; tabs MAP (full city map with legend; click to drop a waypoint), BRIEF (jobs with status and current objective), STATS (progress %, time played, distance, cars stolen, people knocked down, shots, max stars, times wasted/busted), SETTINGS (time of day, mouse sensitivity, invert look, volume, shadows, rotate radar, start a new game, controls).

LOOK
Warm Los Santos-style palette: sky #3f8fd8 to a pale horizon, sand #ead6a6, sea #2f9fc2, asphalt #575a60, lane yellow #f2c230, sidewalks #cfc8bb, buildings in sand, peach, terracotta, teal, cream, pink and glass blues. ACES tone mapping, soft shadows that follow the player. HUD health #72cc72, armour #5aa9e6, gold #f0c850, red #c8262e.

RULES
Fixed 60 Hz simulation. Keep game logic DOM-free in webapp/src/game; React only mounts it and draws the HUD. ?demo=1 is an attract mode where a bot plays Hot Wheels end to end (walk to the car, steal it, police chase, Respray, deliver, MISSION PASSED); ?hour= sets the start time, ?menu=map opens the pause menu, ?fresh=1 ignores the save.

REMIX-READY
brand.ts (names, fonts, colours, words, sky palette), data/city.ts (grid, districts, special lots, street names), data/missions.ts, data/vehicles.ts, data/people.ts; world/, entities/, systems/, hud/ in small files; README.md with the file map and remix ideas.