← Back to Courses
Interactive Course
Three.js + Anime.js
Early access $15$25Animate Three.js meshes, materials, lights, cameras and shader uniforms with Anime.js v4's flattened adapter. Early access price: $15, normally $25.
Lessons10 Lessons
Duration~90 minutes
LevelBeginner
What You'll Learn
Animate a mesh's position, rotation, and opacity in a single animate() call
Understand the flattened property model — x/y/z, rotateX/Y/Z, scale, opacity by name
Control timing and feel with duration, ease, loop, alternate, and loopDelay
Animate material colors, light intensity, and camera fov to shift a scene's mood
Animate vector properties per-axis and create seamlessly scrolling textures
Drive custom shader uniforms and TSL nodes by name — no manual .value access
Choreograph multi-object sequences with createTimeline() and time-position offsets
Animate hundreds of instances with stagger() and getInstances() for grid ripple effects
Scrub 3D animations with scroll using Anime.js's built-in onScroll ScrollObserver
Combine all techniques into a scroll-driven animated 3D hero scene
Prerequisites
- Basic Three.js (scenes, meshes, cameras)
- JavaScript fundamentals
Course Overview
10 Lessons
Animate 3D scenes with Anime.js v4's official Three.js adapter
1
Foundations
3 lessons
2
Appearance
3 lessons
3
Choreography
2 lessons
4
Scroll & Capstone
2 lessons
Ready to start learning?
Begin your journey to mastering Three.js animations with GSAP.
Early access $15$25