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.
In Tutorials, by Jatin Chopra
Learn how to create an emissive dissolve effect, a popular technique in games for smoothly fading or transforming objects.
In Articles, by Axel Croizé
An inside look at the creative process, challenges, and tools behind building a 3D game prototype from scratch.
In Tutorials, by The Ebenezer
A breakdown of the best techniques to create realistic grass in Three.js without killing performance.
In Tutorials, by David Faure
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
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.
In Articles, by Merouane Bali
Merouane Bali shares the process behind his 3D web design, highlighting WebGL and React integration, along with the challenges and solutions that shaped this immersive portfolio.
In Articles, by Francesco Michelini
In this Developer Spotlight, Francesco Michelini shares the journey behind his standout projects, his favorite tools, and how game development inspired his passion for creative coding.
In Tutorials, by Dominik Fojcik
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
In Articles, by Andrea Binski
Meet Andrea Binski, co-founder and art director of UNIKO™, an award-winning design studio specializing in innovative branding and web design.
In Tutorials, by Oguzhan Tufenk
An exploration of real-time terrain reshaping through user interactions, using React Three Fiber.
In Articles, by Ilya Kostin
A look behind the ChainGPT Labs, ChainGPT’s new venture capital and incubator for the next generation of web3 startups. Designed by Sigma Software Design team, and compiled into an insight-packed case study by Sigma’s designer, Ilya Kostin.
In Articles, by Tobias Anderssohn
A look into how QuestOne’s brand identity was reimagined through the “Hydrogen Circle”—a bold, modular 3D visual embodying their vision for hydrogen innovation and renewable energy.
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.
In Tutorials, by Caio Bassetti
Learn how to create a full 3D hand controller with depth, using @mediapipe/hands and Three.js.
In Articles, by Artemii Lebedev
Go behind the scenes of Monolith Studio’s bold website, created in collaboration with Artemii Lebedev, Okan Uckun, and Oscar Akermo, to discover how they brought a modern Brooklyn tattoo studio to life online.
In Playground, by Manoela Ilic
A playful concept where we use scroll-based animations to create 3D grid effects and other transitions.
In Articles, by Hexagon Agency
During Mount Media’s rebranding journey, its website became the ultimate stage for showcasing its “we know how to result” vibe. Here is a long story short about teamwork behind it.
Explore how the Design Education Series (DES) by Obys Agency was developed to provide a dynamic and engaging learning experience with innovative design and 3D features.