Playing with Texture Projection in Three.js
by Marco Fugaro
In this tutorial, you'll learn how to project a texture onto an object in Three.js with some interesting examples.
+ moreby Marco Fugaro
In this tutorial, you'll learn how to project a texture onto an object in Three.js with some interesting examples.
+ moreIn this creative breakdown you will learn how the signature WebGL oil effect of the new Akaru website was created.
+ moreby Bruno Arizio
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.
+ moreDiscover how to use react-three-fiber and combine some common techniques to create a Three.js powered layout with shader effects.
+ moreLearn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
+ moreA creative coding exploration into how to recreate a high-speed lights effect in real-time using Three.js.
+ moreA set of interesting looking image transitions including distortion and warp effects made with WebGL.
+ moreby Jesper Vos
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.
+ moreLearn how to create gooey reveal hover effects on images with Three.js using noise within a shader.
+ moreIn this tutorial you will learn how to achieve interesting looking hover effects with image distortions using Three.js.
+ moreby Chang Liu
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu's new portfolio.
+ moreby Kyle Wetton
In this in-depth tutorial you will learn how to create an interactive 3D character that follows the mouse and performs random animations on click.
+ moreA short tutorial on how to create animated text in Three.js with three-bmfont-text and give it a nice look using shaders.
+ moreLearn how to achieve a water-like ripple distortion effect with Three.js and postprocessing.
+ moreLearn how to create a geometrical scene with a depth effect using the Blurry library.
+ moreby Kyle Wetton
Learn how to create a complete color customizer app for a 3D model of a chair using Three.js in this in-depth tutorial.
+ moreA tutorial on how to create a Three.js powered audio visualizer that takes input from the user's webcam.
+ moreA configurator for creating unique fullscreen image animations with WebGL distortion effects powered by Three.js.
+ more