Building a Physics-based 3D Menu with Cannon.js and Three.js
In Tutorials by Arno Di Nunzio
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
In Tutorials by Arno Di Nunzio
Learn the basics of doing physics in WebGL by building a 3D menu with Cannon.js and Three.js as renderer.
In Tutorials by Jesper Vos
In this tutorial you will learn how to make objects appear glass-like in three steps using Three.js.
In Tutorials by Arno Di Nunzio
Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader.
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.
In Tutorials by 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.
In Tutorials by Domenico Bruzzese
Learn how to create a geometrical scene with a depth effect using the Blurry library.
In Tutorials by 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.
In Tutorials 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 by Yuri Artiukh
Learn how to create an interactive “fake” 3D effect for images with depth maps and plain WebGL.
In Tutorials by Ion D. Filho
A tutorial on how to create a 3D building wave animation with three.js and TweenMax.
In Tutorials by Bruno Imbrizi
A tutorial on how to draw a large number of particles with Three.js and make them interactive.
In Playground by Jérémie Boulay
A set of five demos with animated WebGL lines created with the THREE.MeshLine library. Find out how to animate and build these lines to create your own animations.
In Playground by Jack Rugile
An inspirational set of demos that explores particle animations in 3D space with three.js. This type of animations could be very suitable for page loaders.
In Playground by Manoela Ilic
A highly experimental 3D room layout for a gallery that aims to show exhibition details in an interesting way.
In Playground by Manoela Ilic
A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations.
In Playground by Manoela Ilic
Some experimental isometric and 3D grids. The idea is to use isometric/3D grids as decorative elements or with some interaction.
In Tutorials by Karim Maaloul
A tutorial that explores the basics of creating animated 3D scenes using Three.js.
In Playground by Manoela Ilic
An interactive 3D mall map concept with a sidebar search and pin indicators for every level.