Matrix Sentinels: Building Dynamic Particle Trails with TSL
In Tutorials, by MisterPrada
A step-by-step guide to creating particle trails with TSL (Three.js Shader Language), simulating dynamic movement in 3D space.
particles
Creating Audio-Reactive Visuals with Dynamic Particles in Three.js
In Tutorials, by Tiago Canzian
Learn how to build a particles music visualizer in Three.js, with techniques covering audio synchronization and 3D visual effects, inspired by ARKx’s work for Coala Music’s website.
Animate Anything Along an SVG Path
In Tutorials, by Louis Hoebregts
Learn how to code creative animations using SVG paths and the getPointAtLength() function.
Surface Sampling in Three.js
In Tutorials, by Louis Hoebregts
Learn how to use the MeshSurfaceSampler in Three.js to create interesting effects.
Tropical Particles Rain Animation with Three.js
In Playground, by Yuri Artiukh
A WebGL particle rain animation resulting in an interesting image effect made with Three.js.
Recreating a Dave Whyte Animation in React-Three-Fiber
In Tutorials, by Matt Rossman
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
Interactive Particles with Three.js
In Tutorials, by Bruno Imbrizi
A tutorial on how to draw a large number of particles with Three.js and make them interactive.
Particle Effects for Buttons
In Playground, by Luis Goncalves
A little library that can be used for bursting particles effects. The idea is to disintegrate an element into particles and make it disappear (or vice versa).
3D Particle Explorations
In Playground, by Jack Rugile
An inspirational set of demos that explores particle animations in 3D space with three.js. This type of animations could be very suitable for page loaders.
Decorative WebGL Backgrounds
In Playground, by Louis Hoebregts
A collection of decorative shapes displayed as backgrounds using WebGL. The shapes are created with Three.js and animated with the TweenMax library.
Animated Background Headers
In Playground, by Rachel Smith
A collection of animated background header effects for your inspiration. We use Canvas and Javascript to create an animated background for large site headers.
