A React-based 3D model viewer built with Three.js, allowing users to load, render, and interact with 3D models in a web environment. This project supports features like hotspots, auto-rotation, and wireframe rendering, making it ideal for showcasing 3D designs or assemblies.
- 3D Model Rendering: Load and render
.objand.mtlfiles using Three.js. - Interactive Hotspots: Add clickable hotspots to models for displaying additional information.
- Auto-Rotation: Enable or disable automatic rotation of the 3D model.
- Wireframe Mode: Toggle wireframe rendering for better visualization of model geometry.
- Responsive Design: Adapts to different screen sizes for a seamless user experience.
- Clone the repository:
git clone https://github.com/Domgartner/Three.js-Renderer.git
- Install dependencies
npm ci
- Start development server
npm start
Place your .obj and .mtl files in the public/ directory.
Update the model configuration in src/config/modelConfig.js to point to your model files and define any hotspots.
Start the app and interact with your 3D model.