Traffic Scenario Editor

🚦 Traffic Scenario Editor

A browser-based 3D editor for quickly building traffic scenarios and exporting clean, high-resolution images — ideal for driving-theory questions, road-safety material, and lesson illustrations. Lay out roads, drop in vehicles and signs, hop into >span class="_wordAnimating_yu34g_11">driver's seat with working mirrors, >span class="_wordAnimating_yu34g_11">export a PNG.

Runs entirely in your browser — nothing to install.

✨ What you can do

• Build road layouts — straight, curve, T-junction, crossroads, roundabout, one-way, country & city roads, and a parking area, with grid + endpoint snapping.
• Populate the scene — 41 object types across Roads, Markings, Vehicles, Signs, Participants and Environment (cars, vans, trucks, buses, bikes, pedestrians, Danish-style signs, trees, houses, lamp posts, traffic lights and more).
• Drive it — switch to the in-car driver view with live rear + left + right mirrors, a speedometer, and turn indicators.
• Set the mood — Sunny / Rain / Snow / Fog weather and a Day / Night toggle.
• Export — high-resolution PNG at 1080p, 1440p or 2160p, with an optional transparent background.
• Save & reopen projects as JSON, with undo/redo and autosave.

🎮 Controls

• Orbit: drag · Pan: right-drag · Zoom: scroll
• Place: click an item in the library, then click the ground
• Select: click an object · Move: G · Rotate: R
• Duplicate: Ctrl+D · Delete: Del · Undo/Redo: Ctrl+Z / Ctrl+Y · Deselect / exit: Esc
• Use the ☰ / ⧉ buttons to hide the side panels for more room.