Controller Information
C button changes camera to droneCamera M button changes camera to droneCameraTwo which is looking the bomb V button allows to you change camera vision with controller B button relase the bomb
This repository contains a Three.js project that simulates a 3D drone environment. It leverages modern web technologies to create a realistic and interactive drone simulation. The project is an excellent demonstration of Three.js capabilities in rendering 3D graphics in a web browser.
- Realistic 3D drone model
- Interactive controls for drone navigation
- Dynamic environment with adjustable sky, lighting, and terrain
- Real-time rendering with Three.js
To run this project locally, follow these steps:
- Clone the repository to your local machine.
- Ensure you have Node.js installed.
- Install the dependencies:
npm install node-hid ws express express-ws - Start the server:
node server.js - Open your web browser and navigate to
http://localhost:8080/.
The main components of the code include:
- Drone Model Loading: Using GLTFLoader to load the 3D drone model.
- Environment Setup: Creating a dynamic sky, sun positioning, and realistic terrain.
- Drone Controls: Handling drone movement based on WebSocket data.
- Rendering Loop: Continuously rendering the scene with updated drone positions and environment settings.
Info: Bomb animation play speed changes with dron's y location.