This project is a simple 3D viewer app developed with Three.js. It includes a viewer that automatically loads a 3D model, with functionality to zoom in and out of the model.
- Two buttons to zoom in and zoom out of the 3D model.
- Interaction with the model using mouse controls
Running the Project:
If using Visual Studio Code, the Live Server extension is recommended for simplicity.
Open the viewer.html
file in a browser through the local web server to view the project.
viewer.html
: The HTML file containing the structure of the 3D viewer.viewer.css
: Styling for the viewer and buttons.viewer.js
: JavaScript file containing the Three.js logic for rendering the 3D model and handling zoom functionalities./models
: Folder containing the 3D model file/addons
: Contains Three.js addons/extensions likeGLTFLoader.js
andOrbitControls.js