Case Study: Anderson Moss ®️ Post date November 11, 2024 Post author By Chris Carruthers Post categories In Articles, blender, inspiration, three.js, webgl
How to Code a Subtle Shader Background Effect with React Three Fiber Post date October 31, 2024 Post author By Matias Perez Post categories In react-three-fiber, shader, three.js, Tutorials, webgl
Interactive 3D with Three.js BatchedMesh and WebGPURenderer Post date October 30, 2024 Post author By Christophe Choffel Post categories In 3d, playground, three.js, webgpu
Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js Post date October 24, 2024 Post author By Caio Bassetti Post categories In 3d, hand tracking, three.js, Tutorials, webcam, webgl
How to Create a PS1-Inspired Jitter Shader with React-Three-Fiber Post date September 3, 2024 Post author By Oguzhan Tufenk Post categories In react-three-fiber, shader, three.js, Tutorials, webgl
Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders Post date August 27, 2024 Post author By Jean Mazouni Post categories In distortion, hover, three.js, Tutorials, webgl
Interactive 3D Device Showcase with Threepipe Post date August 7, 2024 Post author By Palash Bansal Post categories In 3d, three.js, Tutorials, webgl
Origami: 12 Free Animated 3D Objects Post date July 30, 2024 Post author By deadrabbbbit Post categories In 3d, playground, react-three-fiber, three.js, webgl
Case Study: Rogier de Boevé Portfolio — 2024 Post date July 26, 2024 Post author By Rogier de Boevé Post categories In Articles, case-study, three.js, webgl
How to Create Distortion and Grain Effects on Scroll with Shaders in Three.js Post date July 18, 2024 Post author By Jan Kohlbach Post categories In scroll, three.js, Tutorials, webgl
How to Create a Liquid Raymarching Scene Using Three.js Shading Language Post date July 15, 2024 Post author By Ben McCormick Post categories In react-three-fiber, three.js, Tutorials, webgl
Creating an Animated Displaced Sphere with a Custom Three.js Material Post date July 9, 2024 Post author By Pavel Mazhuga Post categories In react-three-fiber, three.js, Tutorials, webgl
Digital meets Physical: Risograph Printing with WebGL Post date June 27, 2024 Post author By Maximilian Berndt Post categories In three.js, Tutorials, webgl
Shape Lens Blur Effect with SDFs and WebGL Post date June 12, 2024 Post author By Guillaume Lanier Post categories In shaders, three.js, Tutorials, webgl
Case Study: Crosswire Post date April 4, 2023 Post author By Unseen Studio® Post categories In Articles, case-study, inspiration, three.js, webgl
Mastering Theatre.js Animations: Learn to Create Dynamic Visuals Post date March 30, 2023 Post author By Ebe Post categories In animation, theatre.js, three.js, Tutorials, webgl
Turning 3D Models to Voxel Art with Three.js Post date March 28, 2023 Post author By Ksenia Kondrashova Post categories In three.js, Tutorials, webgl
Cyberpunk inspired Three.js Scene with JavaScript and Blender Post date March 22, 2023 Post author By Anderson Mancini Post categories In postprocessing, three.js, Tutorials, webgl
Coding Kenta Toshikura’s Glass Effect with Three.js Post date March 6, 2023 Post author By Yuri Artiukh Post categories In postprocessing, three.js, Videos, webgl
Recreating Crosswire’s Reflective Grid with Three.js Post date February 13, 2023 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
Audio Reactive Shaders with Three.js and Shader Park Post date February 7, 2023 Post author By Torin Blankensmith Post categories In three.js, Tutorials, webgl
Crafting a Dice Roller with Three.js and Cannon-es Post date January 25, 2023 Post author By Ksenia Kondrashova Post categories In 3d, cannon-es, three.js, Tutorials, webgl
Rotating Twisted 3D Typography with Three.js and Shaders Post date January 20, 2023 Post author By Yuriy Artyukh Post categories In 3d, playground, three.js, typography
Replicating the Light Effect from MIDWAM with Three.js and Postprocessing Post date January 9, 2023 Post author By Yuriy Artyukh Post categories In Articles, postprocessing, three.js, webgl
How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP Post date December 13, 2022 Post author By Ksenia Kondrashova Post categories In scroll, three.js, Tutorials, webgl
Sketchy Pencil Effect with Three.js Post-Processing Post date November 29, 2022 Post author By Maya Nedeljković Batić Post categories In postprocessing, three.js, Tutorials, webgl
Conway’s Game Of Life – Cellular Automata and Renderbuffers in Three.js Post date November 25, 2022 Post author By Jason Andrew Post categories In three.js, Tutorials, webgl
3D Typing Effects with Three.js Post date November 8, 2022 Post author By Ksenia Kondrashova Post categories In three.js, Tutorials, typography, webgl
How to Code a Three.js Postprocessing Transition Post date October 10, 2022 Post author By Yuriy Artyukh Post categories In postprocessing, three.js, Videos, webgl
Animating Tiny Triangles with Three.js Post date October 5, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
How to Recreate Stripe’s Lava Lamp Gradient with Three.js Post date September 26, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
How to Code a Scrollable Text Gallery in Three.js Post date September 19, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
Checkerboard Transition for Text in Three.js Post date August 15, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
How to Map Texture to a 3D Face with Three.js Post date July 4, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
Volumetric Light Rays with Three.js Post date June 27, 2022 Post author By Yuriy Artyukh Post categories In fragment shader, three.js, Videos, webgl
Creating a Particles Galaxy with Three.js Post date June 21, 2022 Post author By Yuriy Artyukh Post categories In particles, three.js, Videos, webgl
Coding an Infinite Slider using Texture Recursion with Three.js Post date June 1, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
Creating an Infinite Distorted Slider with PixiJS and Bézier Curves Post date May 23, 2022 Post author By Yuriy Artyukh Post categories In pixi.js, three.js, Videos, webgl
Case Study: Windland — An Immersive Three.js Experience Post date April 25, 2022 Post author By Anderson Mancini Post categories In case-study, three.js, Tutorials, webgl
Growing Sunflowers with Three.js Post date April 25, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
How to Add More Fun to a Game: Extending “The Aviator” Post date April 20, 2022 Post author By Michel Helms Post categories In 3d, game, three.js, Tutorials, webgl
Creating a Fluid Distortion Animation with Three.js Post date April 11, 2022 Post author By Yuriy Artyukh Post categories In three.js, Videos, webgl
Replicating the Interweave Shape Animation with Three.js Post date March 21, 2022 Post author By Yuriy Artyukh Post categories In glsl, three.js, Videos, webgl
Creating a Risograph Grain Light Effect in Three.js Post date March 7, 2022 Post author By Robin Payot Post categories In noise, three.js, Tutorials, webgl
Noise Pattern Reconstruction from Monopo Studio Post date February 21, 2022 Post author By Yuriy Artyukh Post categories In glsl, interactive, noise, postprocessing, three.js, Videos, webgl
Pixel Distortion Effect with Three.js Post date January 12, 2022 Post author By Yuriy Artyukh Post categories In DataTexture, distortion, interactive, mouse, Pixel, playground, three.js, webgl
Crafting Scroll Based Animations in Three.js Post date January 5, 2022 Post author By Bruno Simon Post categories In animation, GSAP, gsap3, scroll, scroll animation, three.js, Tutorials, webgl
Three.js Animation with K-d (Christmas) Tree Algorithm Post date December 27, 2021 Post author By Yuriy Artyukh Post categories In 3d, interactive, K-d tree algorithm, three.js, Videos, webgl
Pixelated Distortion Effect with Three.js Post date December 13, 2021 Post author By Yuriy Artyukh Post categories In 3d, distortion, interactive, Pixel, three.js, Videos, webgl
Teleportation Transition with Three.js Post date December 6, 2021 Post author By Yuriy Artyukh Post categories In 3d, interactive, ribbon, three.js, Videos, webgl
Animated 3D Ribbons with Three.js Post date November 29, 2021 Post author By Yuriy Artyukh Post categories In 3d, interactive, ribbon, three.js, Videos, webgl
Ripple Effect on a Texture with Three.js Post date November 22, 2021 Post author By Yuriy Artyukh Post categories In hover, interactive, mouse, ripple, three.js, Videos, water, webgl
Creating the Effect of Transparent Glass and Plastic in Three.js Post date October 27, 2021 Post author By Kelly Milligan Post categories In 3d, diffusion, glass, Material, refraction, three.js, Tutorials, webgl
Replicating the Particles Animation from DNA Capital with Three.js Post date October 18, 2021 Post author By Yuriy Artyukh Post categories In animation, particles, three.js, Videos, webgl
Creating 3D Characters in Three.js Post date October 4, 2021 Post author By Michelle Barker Post categories In 3d, animation, canvas, GSAP, three.js, Tutorials
Deconstructing the homunculus.jp Distortion with Three.js Post date October 4, 2021 Post author By Yuriy Artyukh Post categories In distortion, pixel river, theatre.js, three.js, Videos
How to Train Self-Parking Car Using Genetic Algorithm (<500 Lines of Code) Post date September 30, 2021 Post author By Oleksii Trekhleb Post categories In artificial-intelligence, coding, genetic-algorithms, self-driving-cars, self-parking-car, three.js, train-self-parking-car, tutorial
Surface Sampling in Three.js Post date August 31, 2021 Post author By Louis Hoebregts Post categories In three.js, Tutorials
Magical Marbles in Three.js Post date August 2, 2021 Post author By Matt Rossman Post categories In glsl, marble, shader, three.js, Tutorials, webgl
Creating a Typography Motion Trail Effect with Three.js Post date July 21, 2021 Post author By Georgi Nikolov Post categories In framebuffer, motion trail, three.js, Tutorials, typography, webgl