3D Car Model Showcase

Welcome to the 3D Car Model Showcase! This project demonstrates the use of Three.js and React Three Fiber to create an interactive 3D car model presentation. The car model used in this project is the Chevrolet Corvette obtained from Sketchfab.

Features

• Stunning Loading Page: Enjoy a visually appealing loading page while all the contents load in the background.
• Live 3D Touch: Interact with the Chevrolet Corvette using your mouse or touch screen to rotate, zoom, and explore the model from all angles.
• Amazing Texture Background: The environment is beautifully textured to provide an immersive experience.
• Rounded Lighting Rings: Experience dynamic lighting with rings of different colors that create a captivating visual effect.
• Floating Color Boxes: Colorful boxes float around the scene, adding a touch of whimsy.
• Infinite Animation: The elements animate in a forward direction, creating an effect reminiscent of an infinity tunnel.

Technologies Used

• Next.js 13
• Tailwind CSS
• TypeScript
• Three.js
• React Three Fiber
• Sketchfab API
• JavaScript (ES6+)

How to Run

1. Clone the repository to your local machine.
2. Install the required dependencies by running npm install.
3. Start the development server with npm start.
4. Open your web browser and navigate to http://localhost:3000.

Credits

• Chevrolet Corvette 3D Model by Sketchfab - Chevrolte Corvette 3D Model