Exploding 3D Objects with Three.js
by Yuri Artiukh
A set of WebGL demos that show an exploding 3D object animation inspired by "Kubrick Life Website: 3D Motion".
+ moreby Yuri Artiukh
A set of WebGL demos that show an exploding 3D object animation inspired by "Kubrick Life Website: 3D Motion".
+ moreA tutorial on how to transition WebGL instances in a smooth way based on the scroll position using three.js and Phenomenon.
+ moreby Yuri Artiukh
Learn how to create an interactive "fake" 3D effect for images with depth maps and plain WebGL.
+ moreby Manoela Ilic
Some text distortion experiments using the Blotter.js library. The idea is to distort text as we scroll or move the mouse.
+ moreby Ion D. Filho
A tutorial on how to create a 3D building wave animation with three.js and TweenMax.
+ moreA tutorial on how to draw a large number of particles with Three.js and make them interactive.
+ moreA set of five demos with animated WebGL lines created with the THREE.MeshLine library. Find out how to animate and build these lines to create your own animations.
+ moreby André Mattos
An exploration of an animated interactive landscape built with three.js.
+ moreby Ion D. Filho
A tutorial on how to recreate the interactive repulsion effect of grid items seen in BestServedBold's Dribbble shot "Holographic-Interactions".
+ moreA little library that can be used for creating WebGL powered distortion hover effects using displacement images.
+ moreby 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.
+ moreA collection of decorative shapes displayed as backgrounds using WebGL. The shapes are created with Three.js and animated with the TweenMax library.
+ moreA slideshow with liquid distortion effects in WebGL powered by PixiJS and GSAP.
+ moreSome WebGL experiments where the viewer seemingly travels through a textured tunnel. Powered by Three.js and inspired by the effect seen on fornasetti.com.
+ moreby 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
+ moreby Lucas Bebber
A tutorial on how to use fragment shaders in WebGL to create an animated heat haze distortion effect on images and text.
+ moreA tutorial that explores the basics of creating animated 3D scenes using Three.js.
+ moreby Lucas Bebber
Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.
+ more