Heightmaps – Introduction A heightmap is an image representing variations in height relative to a surface. Generally, a heightmap is composed of shades of gray […]
Continue readingCategory: Tips and Miscellaneous
Fog and FogExp2 – The Fog in Three.js
The Fog – Introduction In a 3D engine, the fog represents the progressive disappearance of the elements of the scene in a background color according […]
Continue readingThe Three.js Helpers – A help to set up and debug our 3D scenes
Introduction – The invisible actors of Three.js As you probably know if you regularly follow my publications, the list of actors in the Three.js scene […]
Continue readingControl the animations of a 3D model in Three.js with AnimationMixer
Using animated 3D objects in a Three.js scene is an important step to make your world more alive and offer a unique experience. But, until […]
Continue readingEasily moving the Three.js camera with OrbitControls and MapControls
Introduction In a 3D application, implementing the camera control is an indispensable step for offering interactive and intuitive content. It’s a step that can be […]
Continue readingOptimizing a Three.js application – Tips for achieving a fluid rendering at 60 FPS
Executing a 3D rendering at 60 Frames per Second (FPS) in our Three.js application is a guarantee for a fluid and enjoyable experience. Nevertheless, it’s […]
Continue readingCreating a Smoke Effect in Three.JS
Creating Smoke The first step of this project consists of creating the particles that make up our smoke. Here, the smoke effect is composed of […]
Continue readingLoad a 3D GLB / GLTF model with Three.js – GLTFLoader
Import the GLTFLoader class When a 3D object is modeled in an external tool such as Blender, it is possible to export it in several […]
Continue readingLoad a 3D OBJ + MTL model with Three.js
Import OBJLoader and MTLLoader classes When a 3D object is modeled in an external tool such as Blender, it is possible to export it in […]
Continue readingCreating text with Three.JS – JSON Fonts
Loading a JSON font To start, it is necessary to load a font in the JSON format with Three.JS. For this, we must use the […]
Continue reading