Implementing a Dissolve Effect with Shaders and Particles in Three.js
In Tutorials, by Jatin Chopra
Learn how to create an emissive dissolve effect, a popular technique in games for smoothly fading or transforming objects.
Searching for "three.js"
We've found
195 results for your search term.
Building Efficient Three.js Scenes: Optimize Performance While Maintaining Quality
In Tutorials, by Niccolò Fanton
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals.
How to create a room portfolio with Three.js and Blender
In News,
Andrew Woan’s beginner-friendly tutorial on creating a 3D room portfolio with Three.js and Blender. Video here.
How to Make The Fluffiest Grass With Three.js
In Tutorials, by The Ebenezer
A breakdown of the best techniques to create realistic grass in Three.js without killing performance.
Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders
In Tutorials, by David Faure
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
Fractals to Forests – Creating Realistic 3D Trees with Three.js
In Articles, by Dan Greenheck
Discover the algorithms behind EZ-Tree’s use of procedural generation and Three.js to create realistic 3D tree models.
Creating Generative Artwork with Three.js
In Tutorials, by Eduard Fossas
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark’s minimalist geometric designs.
Crafting a Dreamy Particle Effect with Three.js and GPGPU
In Tutorials, by Dominik Fojcik
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
Interactive 3D with Three.js BatchedMesh and WebGPURenderer
In Playground, by Christophe Choffel
A breakdown of a Three.js demo using BatchedMesh for efficient mesh rendering and exploring the new post-processing pipeline with TSL.
Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js
In Tutorials, by Caio Bassetti
Learn how to create a full 3D hand controller with depth, using @mediapipe/hands and Three.js.
Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders
In Tutorials, by Jean Mazouni
Learn how to apply a pixel/grid displacement to a texture in Three.js using shaders and GPGPU with a subtle RGB shift effect on cursor move.
How to Create Distortion and Grain Effects on Scroll with Shaders in Three.js
In Tutorials, by Jan Kohlbach
Learn how to create distortion and grain effects on scroll using Three.js shaders, syncing HTML images with WebGL.
How to Create a Liquid Raymarching Scene Using Three.js Shading Language
In Tutorials, by Ben McCormick
An introduction to Raymarching using the power of Signed Distance Fields (SDFs) and simple lighting to create a liquid shape effect.
Creating an Animated Displaced Sphere with a Custom Three.js Material
In Tutorials, by Pavel Mazhuga
Learn how to create an animated, displaced sphere using custom shaders with Three.js and React Three Fiber.
Creating Audio-Reactive Visuals with Dynamic Particles in Three.js
In Tutorials, by Tiago Canzian
Learn how to build a particles music visualizer in Three.js, with techniques covering audio synchronization and 3D visual effects, inspired by ARKx’s work for Coala Music’s website.
Creating an Interactive Mouse Effect with Instancing in Three.js
In Tutorials, by Daniel Velasquez
Explore the fundamentals of Three.js Instancing in this tutorial, learning how to optimize GPU performance and efficiently render large numbers of objects.
Turning 3D Models to Voxel Art with Three.js
In Tutorials, by Ksenia Kondrashova
In this detailed tutorial you will learn how to turn 3D models into voxel art with Three.js.
Cyberpunk inspired Three.js Scene with JavaScript and Blender
In Tutorials, by Anderson Mancini
Learn how to code a vibrant Cyberpunk scene using Three.js, complete with post-processing and dynamic lighting, no shader expertise needed!
