3D Particle Explorations
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.
+ more#webgl
Decorative WebGL Backgrounds
A collection of decorative shapes displayed as backgrounds using WebGL. The shapes are created with Three.js and animated with the TweenMax library.
+ more
Liquid Distortion Effects
A slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
+ more
Infinite Tubes with Three.js
Some WebGL experiments where the viewer seemingly travels through a textured tunnel. Powered by Three.js and inspired by the effect seen on fornasetti.com.
+ more
WebGL Scroll Spiral
by Xoihazard
A couple of decorative and inspirational WebGL background scroll effects for websites powered by regl. The idea is to twist some images and hexagonal grid patterns o
+ more
Animated Heat Distortion Effects with WebGL
by Lucas Bebber
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.
+ more
The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js
A tutorial that explores the basics of creating animated 3D scenes using Three.js.
+ more
Rain & Water Effect Experiments
by Lucas Bebber
Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.
+ more