In Tutorials by Michelle Barker
Are you looking to get started with 3D on the web? In this tutorial we’ll walk through creating a three-dimensional character using Three.js, adding some simple but effective animation, and a generative color palette.
In Tutorials by Louis Hoebregts
Learn how to use the MeshSurfaceSampler in Three.js to create interesting effects.
In Tutorials by Matt Rossman
Adding volumetric effects to a built-in Three.js shader.
In Tutorials by Georgi Nikolov
Learn how to use WebGL framebuffers via Three.js to create an interactive motion trail effect for text.
In Tutorials by Fabienne Bielmann
A handy setup to create a smooth scroll based GLSL animation using Three.js and GSAP.
In Playground by Yuri Artiukh
Learn how to code the particle cloud seen on the website of Visualdata using Three.js.
In Playground by Yuri Artiukh
A WebGL particle rain animation resulting in an interesting image effect made with Three.js.
In Playground by Yuri Artiukh
Some rubber-like 3D shape rotations that are perfect for loading animations.
In Tutorials by Mario Carrillo
Learn how to deform and color spheres to create an interesting animation with Three.js.
In Tutorials by Matt Rossman
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
In Playground by Yuri Artiukh
Some experimental animations using triangles for image transitions with WebGL.
In Tutorials by Mario Carrillo
Discover how to use Three.js to render kinetic 3D typography.
In Tutorials by Yuri Artiukh
A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps.
In Tutorials by Mario Carrillo
Learn how to make a wave motion effect on an image with Three.js.
In Tutorials by Arno Di Nunzio
Learn how to create a physics-based 3D cloth with Cannon.js and Three.js and use simplex noise to create a wind effect.
In Tutorials by Robert Borghesi
Learn how to simulate a cloud on a Three.js Sprite using React-Three-Fiber.
In Playground by Yuri Artiukh
Discover the basic concept behind an unrolling image effect using WebGL.
In Tutorials by Marco Fugaro
In this tutorial, you’ll learn how to project a texture onto an object in Three.js with some interesting examples.
