Curvy slider with Three.js postprocessing distortions
In News,
Yuri Artiukh explores the Three.js and WebGPU TSL postprocessing pipeline while recreating the stunning slider from the Kaide website.
Searching for "three.js"
We've found
218 results for your search term.
Bezier curves and shaders for Three.js vortex animation
In News,
Yuri Artiukh dives into Bezier curves and shaders to recreate a vortex animation in Three.js using TSL, live on YouTube.
Building a Fully-Featured 3D World in the Browser with Blender and Three.js
In Tutorials, by Andrew Woan
Go behind the scenes of an immersive 3D museum built with Blender and Three.js, and explore the creative process, technical decisions, and browser-ready workflow that brought it to life.
Animating Letters with Shaders: Interactive Text Effect with Three.js & GLSL
In Tutorials, by Paola Demichelis
A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders.
Building an Interactive Image Grid with Three.js
In Tutorials, by Samuel Jarry
In this tutorial, we’ll create an interactive image grid using Three.js, covering setup, animations, and shaders.
Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
Rendering a Procedural Vortex Inside a Glass Sphere with Three.js and TSL
In Tutorials, by MisterPrada
A step-by-step guide to creating a procedural vortex inside a glass sphere using Three.js Shader Language (TSL).
Create a Home Office Portfolio with Three.js and Blender
In News,
Andrew Woan showcases how to build a home office portfolio using Three.js and Blender, covering 3D website routing, rapid prototyping, and interactive elements.
Three.js Tamagotchi Challenge
In News,
The Tamagotchi Challenge is complete with 34 creative submissions! Explore interactive demos, vote for your favorites, and see results on March 7.
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.
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.
