https://github.com/dutchdronesquad/trackdraw
A browser-based FPV drone racing track designer
https://github.com/dutchdronesquad/trackdraw
build design drone layout racing react track
Last synced: 2 months ago
JSON representation
A browser-based FPV drone racing track designer
- Host: GitHub
- URL: https://github.com/dutchdronesquad/trackdraw
- Owner: dutchdronesquad
- License: lgpl-3.0
- Created: 2025-10-05T23:52:55.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2026-04-02T10:44:26.000Z (2 months ago)
- Last Synced: 2026-04-02T10:59:40.923Z (2 months ago)
- Topics: build, design, drone, layout, racing, react, track
- Language: TypeScript
- Homepage: https://trackdraw.app/
- Size: 3.72 MB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
- Roadmap: docs/roadmap/ROADMAP.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
Design FPV race layouts to scale, review them in 3D, and hand off a race-day plan.
Home
·
Open Studio
·
Roadmap
TrackDraw is a free, browser-based track designer for FPV race directors.
Build layouts on a real-scale canvas, review route flow in 3D, and turn the result into a shareable race-day handoff.
## Project status
TrackDraw covers the core workflow across desktop, shared read-only viewing, and practical mobile use. It is built around layout design first, then route review, then race-day handoff through export and sharing.
See the [public roadmap discussion](https://github.com/dutchdronesquad/trackdraw/discussions/106) for the current roadmap assessment.
## What you can do
- 🏁 **Design layouts to scale** - place obstacles on a real-scale canvas with field dimensions that map cleanly to the real world
- ⚡ **Start and iterate faster** - use obstacle presets, selection grouping, and starter layouts to get from blank canvas to a workable draft quickly
- 💾 **Manage projects safely** - keep multiple local projects, reopen older layouts, rename or export them, and roll back through restore points and snapshots
- 🎥 **Review route flow in 3D** - use the live 3D preview, elevation tools, and floating ladder placement controls to check how the layout reads before race day
- 📋 **Prepare a race-day handoff** - export a dedicated Race Pack PDF with map, numbering, material list, stock status, setup sequence, and initial build guidance
- 📦 **Check buildability early** - compare the current layout against available obstacle stock before the gear leaves the van
- 🔗 **Share and export cleanly** - publish a read-only link, manage and revoke published shares from the Projects dialog when signed in, or export PNG, SVG, PDF, 3D screenshots, and JSON project files from the same design
- 🔐 **Sign in to keep projects in sync** - use a passkey or email magic link, manage your profile in-app, change your account email safely, and keep account-backed work accessible across devices
## Experimental
- 🧪 **Velocidrone draft export** - generate an experimental `.trk` export as a starting point for simulator testing
## How it works
1. **Start from scratch or from a head start** with a blank canvas, a preset, or a starter layout.
2. **Build the course visually** by placing obstacles, adjusting them in the inspector, and grouping sections that belong together.
3. **Review how the layout will ride** with the live 3D preview, elevation tools, floating ladder placement, and route-flow checks before race day.
4. **Turn the design into a handoff** by saving it locally, syncing it to your account, publishing a read-only share link, or exporting the assets you need.
TrackDraw works without an account. You can create, manage, share, recover, import, and export projects in the browser, while signing in adds continuity across devices.
## Sponsors
If TrackDraw helps your club, event, or race-day workflow, you can help fund continued development and maintenance.
- Support the project through [GitHub Sponsors](https://github.com/sponsors/klaasnicolaas)
- Send a one-off contribution through [Ko-fi](https://ko-fi.com/klaasnicolaas)
Sponsorship helps cover ongoing development, infrastructure, and the polish that keeps TrackDraw practical for real race use.
## Contributing
You are welcome to contribute to TrackDraw. You can find a guide on how to contribute in [CONTRIBUTING.md](CONTRIBUTING.md).
## License
Distributed under the **LGPL-3.0-or-later** License - see [LICENSE](LICENSE) for details.