Three.js Tutorial: Scroll Animation

Опубликовано: 11 Июль 2026
на канале: Robot Bobby
6,380
222

Smooth animation triggered by scrolling.

Here's a simple Three.js application that loads an OBJ model, adds a matcap material, and features a scroll-based animation. Also includes a starfield background, and a gradient sprite layer.

Customization
OBJ Model: Replace astronaut.obj with any other OBJ model to customize the scene.
Textures: Change the texture applied to the model by modifying the image used in the TextureLoader.
Starfield: Adjust the number of stars and other parameters in getStarfield.js for different visual effects.
Scroll Animation: Modify the scroll behavior by adjusting the goalPos and rate variables in the animate function.

Code here: https://github.com/bobbyroe/scroll-an...