A simple 3D model viewer built with Three.js, allowing users to interact with a 3D model using WASD keys for movement and mouse controls for rotation and zoom.
This project is a 3D model viewer that allows users to load and interact with a 3D model using Three.js. Users can move the camera using WASD keys and rotate or zoom the view using the mouse.
- Load and display a 3D model in GLTF format.
- Move the camera using WASD keys.
- Rotate the view using the left mouse button.
- Pan the view using the right mouse button.
- Zoom in and out using the scroll wheel.
- Instructions panel for user guidance.
To set up the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/KanishkThamman/Automata
- Navigate to the project directory:
cd Automata
- Open
index.html
in your preferred web browser.
- Ensure that your 3D model file (
Final Full Assembly.glb
) is in the same directory asindex.html
. - Open
index.html
in a web browser to view and interact with the 3D model.
- W: Move camera forward
- A: Move camera left
- S: Move camera backward
- D: Move camera right
- Left Mouse Button: Rotate view
- Right Mouse Button: Pan view
- Scroll Wheel: Zoom in/out
An instructions panel is displayed when the page loads, providing guidance on how to use the controls. Click the X button to close the panel.
Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.
- Fork the repository.
- Create a new branch.
- Commit your changes.
- Push to the branch.
- Open a pull request.
Distributed under the MIT License.
Project Link: https://github.com/KanishkThamman/Automata