3D Car Animation by Scroll

This project showcases a 3D car animation that responds to user scrolling. As users scroll through the page, the car model rotates, providing an interactive experience.

Features

• Interactive 3D Model: The car model rotates based on the user's scroll position, offering an engaging visual effect.

Tutorial

• Youtube Tutorial: Link
  

Live Demo

Experience the animation firsthand by visiting the live demo.

Technologies Used

• TypeScript:
• Next.js: .
• Three.js:
• Framer motion:

How to Run Locally

1. Clone the Repository:

   git clone https://github.com/faridmsta/3DCar_page_ByScroll.git

2. Navigate to the Project Directory:

   cd 3DCar_page_ByScroll

3. Install Dependencies:

   npm install

4. Start the Development Server:

   npm run dev

5. Access the Application:

   Open your browser and go to http://localhost:3000 to view the animation.