Creating the Effect of Transparent Glass and Plastic in Three.js
In Tutorials, by Kelly Milligan
Learn how to create convincing transparent, glass-like and plastic-like materials in Three.js.
In Tutorials, by Kelly Milligan
Learn how to create convincing transparent, glass-like and plastic-like materials in Three.js.
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 Playground, by Manoela Ilic
A rotated 3D like letters hover effect combined with a tilted image for a menu.
In Playground, by Manoela Ilic
A grid layout with a magnetic 3D interaction effect and a content preview animation.
In Playground, by Yuri Artiukh
Some rubber-like 3D shape rotations that are perfect for loading animations.
In Tutorials, by Mario Carrillo
Discover how to use Three.js to render kinetic 3D typography.
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 Daniel Velasquez
A tutorial on an experimental 3D layout technique for HTML elements with endless possibilities.
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.
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.