Downtown Outlaw 3D

ideaxapp.com/app/downtown-outlaw-3d-8hvxn

Playable concept generated by AI — click inside the game first, then use the keyboard (or the on-screen controls on touch devices). Full screen works best.

What it does

A 3D open-world driving and action game inspired by classic urban sandbox games. High-speed chases, stunt ramps, pedestrian evasion, and police heat. Built for desktop play with WebGL and synthesised sound.

The exact prompt

prompt → output

This is the complete text that produced the game above — nothing hidden. Read it, copy it, change it.

a 3d game like gta 5, sound effects, day time

Anyone can build on this: run the same prompt yourself, remix this exact prototype, or browse more prompts with their outputs.

Feedback

No comments yet. Say what you like or what you'd change.

A build brief written from this prototype — what it does, its screens, data and rules — shipped as AGENTS.md, the file coding agents read automatically. Put it next to the prototype, paste one prompt, and the real 3D game is under way.

What it is

Downtown Outlaw 3D is a 3D open-world driving and action sandbox game where players navigate a city, collect cash, perform stunt jumps, and evade police heat. The core job it does for the player is delivering fast-paced urban driving thrills and arcade action directly in the browser.

For: Action game and arcade driving fans looking for quick 3D sandbox sessions during breaks.

Features (v1)

  • Players can select from multiple heat levels (difficulty 1, 3, or 5)
  • Players can choose between a fast Sports Car and a heavy SUV Truck
  • Players can drive around a procedural 3D city grid with buildings, streets, and stunt ramps
  • Players can accelerate, reverse, steer, and use a handbrake for drifting
  • Players can collect pink cash briefcases scattered throughout the map for score
  • Players can jump off stunt ramps for bonus cash and stunt points
  • Players can evade AI police patrol cars that actively chase the player
  • Players can avoid or crash into ambient city traffic and building blocks
  • Players can monitor their health via an armor meter and track speed via a circular speedometer
  • Players can pause the game or view detailed performance summaries upon car wrecking

Screens

  • Main Menu — Allows players to select heat level difficulty and vehicle type, view control instructions, and start the game.
  • HUD Overlay — Displays real-time cash collected, armor strength, wanted stars, cop evasion timer, speedometer, and pause button.
  • Pause Screen — Enables players to resume their session or quit back to the main menu.
  • Game Over Screen — Shows wreckage stats including total cash stash, elapsed time, cops outrun, and stunts performed, with an option to replay.

Data model

  • Player: pos: Vector3, rot: number, vel: number, maxSpeed: number, accel: number, decel: number, steerSpeed: number, friction: number, width: number, length: number, isAirborne: boolean, airTime: number
  • GameState: state: string, chosenCar: string, chosenHeat: number, score: number, armor: number, startTime: number, elapsedMs: number, copsOutrunCount: number, stuntCount: number
  • BuildingBlock: minX: number, maxX: number, minZ: number, maxZ: number, height: number, isRamp: boolean
  • Collectable: mesh: Object3D, radius: number
  • CopCar: mesh: Object3D, lightBar: Object3D, sirenTimer: number, speed: number, width: number, length: number
  • TrafficCar: mesh: Object3D, dir: number, speed: number, width: number, length: number

Rules & behaviour

  • Use W/A/S/D or Arrow keys to drive and steer the vehicle.
  • Press Spacebar for handbrake sliding and drift mechanics.
  • Hitting buildings or traffic reduces armor health; when armor hits 0%, the game ends.
  • Collecting pink cash packages increases score by $250.
  • Jumping off stunt ramps awards $100 and records a stunt.
  • AI cop cars spawn based on selected heat level, tracking and chasing the player's position.
  • Colliding with cop cars damages player armor and removes the cop.
  • Press Escape or click the pause button to toggle the pause menu.

Recommended stack

Three.js with TypeScript and Vite

Three.js provides direct, lightweight WebGL rendering perfectly suited for performance-critical 3D arcade driving prototypes without unnecessary framework overhead.

Alternatives: Babylon.js · React Three Fiber

Milestones

  1. Milestone 1: Reproduce the prototype's core loop, menu screens, and Three.js 3D city scene with mock data.
  2. Milestone 2: Implement vehicle physics, acceleration, friction, steering, and handbrake drift controls.
  3. Milestone 3: Add collision detection for procedural building blocks and stunt ramps with jump physics.
  4. Milestone 4: Implement AI cop pursuit mechanics, pathfinding towards player, and traffic spawning.
  5. Milestone 5: Add Web Audio API procedural sound synthesizer for engine hums, crashes, sirens, and cash pickup chimes.
  6. Milestone 6: Build HUD elements including wanted stars, speedometer, timer, and game over stats breakdown.
  7. Milestone 7: Write basic unit tests for state management and deploy production build.

Kick off in your tool

1
Get the files into a folder

One paste in a terminal (macOS, Linux, Windows PowerShell) — or use the download buttons above. CLAUDE.md is a one-liner that points Claude Code at AGENTS.md.

mkdir downtown-outlaw-3d && cd downtown-outlaw-3d
curl -sL -o prototype.html "https://ideaxapp.com/run/downtown-outlaw-3d-8hvxn?download=1"
curl -sL -o AGENTS.md "https://ideaxapp.com/kit/downtown-outlaw-3d-8hvxn.md"
curl -sL -o CLAUDE.md "https://ideaxapp.com/kit/downtown-outlaw-3d-8hvxn.md?file=claude"
2
Pick your tool
Coding agents — work in your folder
Browser builders & chat — one self-contained prompt
3
Paste the prompt

Open a terminal in the folder and run claude — or open the folder from the Code tab of the Claude desktop app — then paste the prompt. Claude Code reads CLAUDE.md, which points it at AGENTS.md.

Read AGENTS.md and prototype.html thoroughly before starting. Create a short numbered plan to build a production-quality 3D browser game based on Downtown Outlaw 3D. Your first milestone is to replicate the exact core loop, UI screens, vehicle physics, and Three.js rendering setup found in the prototype. Maintain the exact styling, copy, and arcade driving mechanics. Ensure Web Audio API sound synthesis works correctly. Provide clear instructions in the README on how to run and test the application locally.
Start it in the folder with claude

Brief generated with Google Gemini (gemini-3.5-flash-lite) from the prototype and its idea. A strong starting point, not a contract — read it before you build. Tool list checked September 2026 · what these tools can do now and next · agents can also drive Unity, Unreal and Blender — see beyond code.

See all

Have your own idea?

Describe it in one sentence and see it working in seconds.

Turn my idea into an app