13 Feb, 2025
Animating Lines and Curves in Three.js with MeshLine
In this short read, we'll explore a simple method for animating lines in Three.js and use it to create an animated heart as the demo.
Category: "Three-js"
31 Jan, 2025
Create Custom Materials by Extending Three.js Default Materials
In this tutorial, you'll learn how to build custom materials using Three.js's built-in materials as a foundation.
23 Jan, 2025
BatchedMesh for High-Performance Rendering in Three.js
In this article, we'll explore BatchedMesh, a relatively new Three.js feature designed to improve the performance of apps and games that are heavy on meshes.
02 Jan, 2025
How to Clone Meshes and Models in Three.js
In this tutorial, we'll learn how to clone models and create copies/deep copies of meshes.
15 Dec, 2024
How to Create a Minimap for Interactive Three.js Apps and Games
In this tutorial, we’re diving into how to create a minimap for big landscape Three.js apps and games.
08 Dec, 2024
How to Integrate HTML Elements into a Three.js Scene
In this tutorial, we'll explore how to incorporate HTML elements into a Three.js scene using CSS2DRenderer and CSS2DObject.
29 Nov, 2024
How to Make a Model's Head Follow the Cursor in Three.js
In this tutorial, we’ll animate a model so that its head follows the cursor's position.
28 Nov, 2024
Animating Models Programmatically in Three.js
In this tutorial, we'll explore how to animate models in Three.js using code, rather than relying on pre-built animations included in the model files.
25 Nov, 2024
Interactive Object Creation in Three.js with Mouse Clicks
In this article, you'll learn how to add objects to your scene using mouse clicks.
24 Nov, 2024
Demystifying Quaternions for 3D Development
This is the only tutorial you’ll need as a developer to understand what quaternions are and when to use them.
20 Nov, 2024
Instanced Rendering in Three.js
In this tutorial, we'll discover what instanced rendering is in Three.js.
19 Nov, 2024
Creating a Smooth Camera Zoom Effect in Three.js
In this short read, we'll make a small tweak to the OrbitControls to smooth out the zooming action.
18 Nov, 2024
Enhancing Three.js App Performance with LOD
In this tutorial, we'll discover what LOD is in Three.js and how to use it to enhance the performance of your Three.js applications.
11 Oct, 2024
Build a Loading Screen for a Three.js Application
In this tutorial, you'll learn how to create a simple loading screen for your Three.js application.
08 Oct, 2024
How to Make an Object Follow a Path in Three.js
In this tutorial, we will explore how to make an object follow a path while maintaining the correct orientation throughout its movement.
06 Oct, 2024
Unreal Bloom Selective - Three.js Post Processing
In this tutorial, we will explore how to apply the Unreal Bloom effect to specific objects within a Three.js scene.
23 Sep, 2024
Searching and Iterating through Objects in Three.js
Learn how to target specific child nodes within an object in Three.js.
16 Sep, 2024
Manage Object Visibility in Three.js with Layers
In this brief guide, we'll explore what layers are and how to use them to manage the visibility of objects in a Three.js scene.
11 Sep, 2024
How to Create a 3D Audio Visualizer Using Three.js
In this tutorial, we'll create an impressive glowing 3D audio visualizer using Three.js.
08 Sep, 2024
How to Create a Dynamic Camera Movement Effect in Three.js
This article will walk you through creating a dynamic camera effect, seamlessly controlled by mouse movement.
05 Sep, 2024
Post-Processing with Three.js - The What and How
In this article, we'll discover what post-processing is and how to use it to apply cool visual effects to Three.js scenes.
02 Sep, 2024
How to Deploy Your App to Github Pages
Learn how to deploy an application to GitHub Pages.
30 Aug, 2024
9 Hands-On GLSL Examples for Shader Newbies
9 practical examples to help you practice and enhance your shader creation skills as a beginner.
09 Aug, 2024
How to Create Ultra-Realistic Scenes in Three.js
In this article, I cover essential concepts required for building realistic scenes in Three.js.
18 Jun, 2024
How to Make an Object Rotate Around Another Object in Three.js
In this tutorial, we'll explore how to create spinning and orbiting objects in Three.js. Using these techniques, we'll construct a 3D representation of our solar system.
10 Jun, 2024
GLSL and Shaders Tutorial for Beginners (WebGL / Threejs)
Discover the essentials of loading and animating models in Three.js, guiding you towards seamless integration and dynamic web visuals.
19 Mar, 2024
All You Need to Know About Loading and Animating Models in Three.js
Discover the essentials of loading and animating models in Three.js, guiding you towards seamless integration and dynamic web visuals.
27 Feb, 2024
Three.js Tutorial for Absolute Beginners
This article covers all the essentials you need to kickstart your journey in creating amazing Three.js applications!
07 Feb, 2024
An Introduction to the World of 3D on The Web
This article covers the very basics that you need to understand before you dive into the world of 3D graphics on the web.