Show HN: drawtonomy – Draw and run driving scenarios in the browser

kosuke551 pts0 comments

GitHub - kosuke55/drawtonomy: Whiteboard for Driving Scenarios🚗 · GitHub

/" data-turbo-transient="true" />

Skip to content

Type / to search

Sign in<br>Sign upAppearance settings

You signed in with another tab or window. Reload to refresh your session.<br>You signed out in another tab or window. Reload to refresh your session.<br>You switched accounts on another tab or window. Reload to refresh your session.

Dismiss alert

{{ message }}

kosuke55

drawtonomy

Public

Notifications<br>You must be signed in to change notification settings

Fork

Star<br>92

main

BranchesTags

Go to file

CodeOpen more actions menu

Folders and files<br>NameNameLast commit message<br>Last commit date<br>Latest commit

History<br>215 Commits<br>215 Commits

.github

.github

docs

docs

extensions

extensions

packages

packages

templates

templates

.gitignore

.gitignore

.npmrc

.npmrc

LICENSE

LICENSE

README.ja.md

README.ja.md

README.md

README.md

package.json

package.json

pnpm-lock.yaml

pnpm-lock.yaml

pnpm-workspace.yaml

pnpm-workspace.yaml

View all files

Repository files navigation

drawtonomy

Draw driving scenes. Run driving scenarios. 🚗

A free, browser-based whiteboard for driving scenarios.

No install. No account.

🎬 Play a live scenario |<br>🎨 Start drawing |<br>📖 Docs |<br>💬 Issues

Two modes, one canvas:

🎨 Scene mode — draw the scene. Topology-aware lanes, vehicles, and<br>intersections. Export figures (SVG / PDF) or maps (OpenDRIVE, Lanelet2).

🎬 Scenario mode — make it move. Add events and triggers, press play —<br>esmini-WASM runs it in the browser,<br>PASS / FAIL verdict included.

🎨 Scene mode

Topology-aware lanes — connections follow when you edit

Lane tool — click a centerline, get both boundaries

Map → lanes — trace real roads from satellite/OSM data

Intersection & roundabout templates — one click

Vehicles, pedestrians, signs, and more — a full driving-domain library

Snap & point sharing — geometry stays connected

Path footprints — auto-placed and style-synced

Math (LaTeX) — typeset equations on the canvas

Re-editable saves — .drawtonomy.svg reopens with everything intact

📖 Feature tour with demo videos ·<br>docs.drawtonomy.com

🎬 Scenario mode

Start from a blank scene or an imported one, add events and triggers, and<br>author a full OpenSCENARIO storyboard yourself.

Visual authoring — phases, events, actions, and triggers on the scene you drew

Open and edit any .xosc — from disk or a GitHub URL, fully editable

Full playback — seek, Follow Ego, ghost trails, .webm export

PASS / FAIL verdicts on every run

esmini-ready export — .xodr + .xosc zip for desktop esmini

Any public .xosc on GitHub runs with one click:<br>Play a live scenario .<br>The drawtonomy for GitHub<br>extension plays them right where they live:

🔄 Formats

OpenDRIVE, Lanelet2, OpenSCENARIO, ROS maps, and figures like SVG/PDF.<br>→ Full format table ·<br>export formats reference

🤖 AI & automation

AI Scene Generator — generate scenes from natural language or OpenSCENARIO XML — by @vishwesh5

MCP Server — let AI agents draw scenes for you

Headless SDK — generate and export scenes from Node.js, no browser

🔒 Privacy

Browser-only. No backend, no account, no telemetry — files never leave your<br>browser, even the esmini engine runs locally as WebAssembly.<br>(details)

🧩 Build on it

An iframe-based extension system with an SDK and postMessage API:

pnpm add -g @drawtonomy/dev-server<br>drawtonomy-dev-server<br># then open http://localhost:3000/?ext=http://localhost:3001/manifest.json

📖 Extending drawtonomy ·<br>Extension guide ·<br>Exporter guide

📚 More

🎞️ Feature tour

⌨️ Keyboard shortcuts

⚖️ Comparisons

💡 Use cases

❓ FAQ

日本語

About<br>Whiteboard for Driving Scenarios🚗<br>drawtonomy.com<br>Topics<br>autonomous-drivingautonomous-vehiclesautowarecanvascarladesigndiagramdrawingesminifigureinfinitylanelet2opendriveopenscenarioroadrunnerroboticsself-drivingself-driving-carsketchwhiteboard<br>Resources<br>Readme<br>Apache-2.0 license<br>Activity<br>Stars<br>92 stars<br>Watchers<br>2 watching<br>Forks<br>8 forks<br>Report repository

Releases

Packages

Contributors

Languages

You can’t perform that action at this time.

drawtonomy driving github browser scene scenarios

Related Articles