Scroll Based Animation ThreeJS

---

Scroll.base.animation.mp4

---

Setup

Download Node.js. Run this followed commands:

# Install dependencies (only the first time)
npm install

# Run the local server at localhost:8080
npm run dev

# Build for production in the dist/ directory
npm run build

---

Core Concept :

• Object using basic Threejs
• Toon Material using Light
• Perspective camera
• Handling Scroll
• Positioning Object
• Paralax
• Cursor and Easing
• Particle
• Trigger Auto rotation using GSAP