Interactive 3D Scroll Animation with Three.js

This project creates a 3D scene with multiple objects and particles, where the user can interact by scrolling and moving the mouse. The objects animate as the user scrolls, and mouse movement creates a parallax effect. All animations and object colors can be modified via an interactive GUI.

Features Scroll-based 3D object animations with GSAP. Real-time material color changes through GUI. Interactive mouse-based parallax effect on camera movement. Particles system integrated with scene objects.

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