This project leverages the power of Three.js to create an interactive 3D grid environment where users can generate and delete objects with mouse interactions.
- 3D Grid: A grid pattern serves as the base for object placement and interaction.
- Cursor Interaction: Mouse movement highlights grid squares, providing visual cues.
- Object Generation: Double-clicking adds rotating diamond-like objects to the grid.
- Object Deletion: Right-clicking removes previously placed objects.
- Continuous Animation: Objects rotate smoothly to enhance visual appeal.
- Camera Control: Adjust the camera perspective with intuitive mouse controls.
- Responsive Design: The scene adapts seamlessly to window resizing.
- View project on You can experience the project live here.
- Hover over the grid to highlight squares.
- Double-click to create rotating objects.
- Right-click to remove objects.
- Explore the scene by adjusting the camera with mouse controls.
You can experience the project live here.
- Three.js (Included in the project)