Kinetic Typography with Three.js
By Mario Carrillo on
Discover how to use Three.js to render kinetic 3D typography.
webgl
Interactive WebGL Hover Effects
By Yuriy Artyukh on
A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps.
Create a Wave Motion Effect on an Image with Three.js
By Mario Carrillo on
Learn how to make a wave motion effect on an image with Three.js.
Audio-based Image Distortion Effects with WebGL
By Yannis Yannakopoulos on
Some experiments that show how to make audio-based distortion effects on images with p5.js and its sound library.
How to Create Procedural Clouds Using Three.js Sprites
By Robert Borghesi on
Learn how to simulate a cloud on a Three.js Sprite using React-Three-Fiber.
How to Unroll Images with Three.js
By Yuriy Artyukh on
Discover the basic concept behind an unrolling image effect using WebGL.
Playing with Texture Projection in Three.js
By Marco Fugaro on
In this tutorial, you'll learn how to project a texture onto an object in Three.js with some interesting examples.
Case Study: Akaru 2019
By Jeremy Franzese and Colin Peyrat on
In this creative breakdown you will learn how the signature WebGL oil effect of the new Akaru website was created.
How to Create the Apple Fifth Avenue Cube in WebGL
By Lorenzo Cadamuro on
A tutorial on how to re-create the Apple Fifth Avenue Cube animation using WebGL.
Case Study: Portfolio of Bruno Arizio
By Bruno Arizio and Luis Henrique Bizarro on
A look behind the scenes of Bruno Arizio's portfolio with insight into the design process and an in-depth technical breakdown of the WebGL implementation.
Scroll, Refraction and Shader Effects in Three.js and React
By Paul Henschel on
Discover how to use react-three-fiber and combine some common techniques to create a Three.js powered layout with shader effects.
Building a Physics-based 3D Menu with Cannon.js and Three.js
By Arno Di Nunzio on
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
Creating a Distorted Mask Effect on an Image with Babylon.js and GLSL
By Francesco Michelini on
Learn the basics of GLSL while creating a distorted mask effect on images using Babylon.js.
High-speed Light Trails in Three.js
By Daniel Velasquez on
A creative coding exploration into how to recreate a high-speed lights effect in real-time using Three.js.
Creative WebGL Image Transitions
By Yuriy Artyukh on
A set of interesting looking image transitions including distortion and warp effects made with WebGL.
Real-time Multiside Refraction in Three Steps
By Jesper Vos on
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.
Making Gooey Image Hover Effects with Three.js
By Arno Di Nunzio on
Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader.
How to Create Motion Hover Effects with Image Distortions using Three.js
By Niccolò Miranda and Clément Roche on
In this tutorial you will learn how to achieve interesting looking hover effects with image distortions using Three.js.