yash-shinde-24 / threejs-quickstart

This project showcases a basic 3D scene using Three.js, featuring interactive controls for model exploration.

ThreeJS-Quickstart

Welcome to my Three.js project! This project demonstrates how to set up a basic 3D scene using Three.js, featuring the stunning Apple Vision Pro model. The goal is to provide a simple example of loading a 3D model, incorporating lighting, and adding interactive controls to explore the model in 3D space.

Preview

Features

• Basic Three.js scene setup
• Loading a GLTF model (Apple Vision Pro)
• Ambient and directional lighting
• Interactive camera controls with auto-rotation

Getting Started

To get started with this project:

1. Clone this repository to your local machine.

   git clone https://github.com/Yash-Shinde-24/ThreeJS-Quickstart.git

Open the index.html file in a modern web browser.

Technologies

Three.js for 3D modeling.
OrbitControls.js for interactive camera control.
GLTFLoader for loading 3D models in GLTF format.

Model Credits

The Apple Vision Pro model used in this project is sourced from Sketchfab and is available here at https://sketchfab.com/3d-models/apple-vision-pro-08217e6a596848d0ababd15a1b328de7