Stop Guessing Your Drone Flights — See Exactly What’s Happening in Real Time
URL: https://drone.jasonwang.us
Stack: React, Three.js, Rapier physics, Zustand
What It Is
This is a VTOL drone flight simulator that runs in your browser. You’re not watching a video — you’re flying a simulated drone and seeing every control decision happen in real time. Every tilt, every correction, every control surface moving as you manipulate the sticks.
What It Does
- Fly a VTOL drone — take off, hover, maneuver, and land in a 3D environment
- Choose your flight style — smooth and steady, aggressive and responsive, or adaptive to changing conditions
- See every control decision — watch control surfaces move and the drone respond stick by stick
- No black-box autopilot — you choose the controller, you see what it does, you learn what actually works
How It Works
You open the simulator in your browser and start flying. The physics engine (Rapier) handles gravity, thrust, and aerodynamics in real time. You pick a controller — PID, LQR, MPC, SMC, or Adaptive — and each one responds differently to your inputs. The 3D scene renders with Three.js so you can see the drone from every angle as you fly.
No installation, no setup. Just open it and fly.
Tech Stack
| Layer | Technology |
|---|---|
| Frontend | React + TypeScript |
| Build tool | Vite |
| 3D rendering | Three.js + @react-three/fiber |
| Physics | @react-three/rapier |
| State management | Zustand |