A web-based flight simulator built with Three.js and CesiumJS, featuring real-world 3D terrain and interactive flight controls.
- Real-World Global Terrain: Powered by CesiumJS, explore the entire world with high-resolution 3D topography.
- Flight Controls: Intuitive handling of pitch, roll, yaw, and speed for a smooth flying experience.
- Dynamic HUD: Real-time Heads-Up Display showing speed, altitude, heading, and pitch ladder.
- Advanced Visuals: Integrated Three.js for aircraft models and lighting effects.
- Interactive Minimap: GPS-style satellite minimap to track your position in real-time.
- Multiple Game States: Smooth transitions between main menu, spawn selection, and flight mode.
- Three.js: 3D Engine for aircraft rendering and scene management.
- CesiumJS: Geospatial platform for real-world 3D terrain and satellite imagery.
- Vite: Next-generation frontend tooling for fast development.
- JavaScript (ES6+): Core logic and simulation.
| Action | Key |
|---|---|
| Pitch Down | Arrow Up |
| Pitch Up | Arrow Down |
| Roll Left/Right | Arrow Left / Arrow Right |
| Yaw (Rudder) | A / D |
| Increase Throttle | W or Shift |
| Decrease Throttle | S or Ctrl |
| Boost | Space |
-
Clone the repository:
git clone https://github.com/dimartarmizi/web-flight-simulator.git cd web-flight-simulator -
Install dependencies:
npm install
-
Run development server:
npm run dev
-
Build for production:
npm run build
- 3D Model: "Low poly F-15" by SIpriv, licensed under CC BY 4.0.
- Engine: Three.js community and contributors.
- Terrain & Map: CesiumJS by Cesium GS, Inc.
This project is licensed under the ISC License.