How to Create Smooth WebGL Transitions on Scroll using Phenomenon
In Tutorials by Colin van Eenige
A tutorial on how to transition WebGL instances in a smooth way based on the scroll position using three.js and Phenomenon.
In Tutorials by Colin van Eenige
A tutorial on how to transition WebGL instances in a smooth way based on the scroll position using three.js and Phenomenon.
In Tutorials by Yuri Artiukh
Learn how to create an interactive “fake” 3D effect for images with depth maps and plain WebGL.
In Playground by Robin Delaporte
A little library that can be used for creating WebGL powered distortion hover effects using displacement images.
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.
In Playground 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 on scroll, creating an interesting effect.
In Tutorials 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.