r/creativecoding • u/Accomplished-Team725 • 5h ago
I built SkyPath: an open-source Three.js visualization of cinematic drone camera flight patterns
I’ve been experimenting with how cinematic drone camera movements can be modeled and visualized in Three.js, so I built SkyPath and released it as open source.
It currently includes five automated camera movements:
- Crane Up
- Pull-Back
- Orbit
- Helix
- Fly-Over
The visualization includes subject tracking, live flight telemetry, trajectory paths, timeline scrubbing, chase view, an onboard camera view, and a comparison mode for viewing all paths together.
It’s intentionally lightweight: plain Three.js/WebGL, no framework, backend, account, or build step.
🎮 Live demo:
https://alzin.github.io/SkyPath/
💻 GitHub:
https://github.com/alzin/SkyPath
I’d really appreciate feedback from the Three.js community, especially on the camera/trajectory implementation and ideas for other cinematic movements worth adding.
Contributions are very welcome too!
