In Tutorials
Apr 12, 2019
by Paul Henschel
Learn how to pull apart SVGs in 3D space with Three.js and React, using abstractions that allow us to break the scene graph into reusable components.
In Tutorials
Mar 22, 2019
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
Feb 20, 2019
by Yuri Artiukh
Learn how to create an interactive “fake” 3D effect for images with depth maps and plain WebGL.
In Playground
Apr 10, 2018
by Robin Delaporte
A little library that can be used for creating WebGL powered distortion hover effects using displacement images.
In Playground
Nov 28, 2017
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
Apr 26, 2017
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
May 3, 2016
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.