Preparation of the environment – Global variables Let’s start by creating some global variables : wavespeed – Speed of the waves wavewidth – Width of […]
Continue readingExport a 3D model from Blender to Three.js – OBJ + MTL format
When creating our Three.js scene, we can natively generate basic 3D objects such as cubes.But, it is also possible to include 3D models created with […]
Continue readingSatellite : Placing a 3D object into Orbit around a Target
Orbiting around a fixed axis Creating the 3D object For starters, let’s create a simple 3D object in our scene. In this example, a sphere. […]
Continue readingControlling the Camera with OrbitControls
A newer version of this article is available ! In a 3D application, implementing camera control is an essential step to provide interactive and intuitive […]
Continue readingCreating shadows with Three.js
To create shadows in Three.js, we need a few things : A rendering engine capable of creating shadows An appropriate lighting A 3D object capable […]
Continue readingChapter 6 – Sprites and Particles in Three.JS
Introduction The Three.js Sprite class consists of a 2D surface always facing the camera, usually with a partially transparent texture.Note that Sprite type objects cannot […]
Continue readingChapter 5 – Using Three.js textures – The Basics
In the world of 3D, a texture generally represents an image applied on the surface of a 3D object. These images are, for the most […]
Continue readingChapter 4 – The main types of Three.js Materials
Let’s modify the visual aspect of our 3D objects ! This new article will help us to customize even more our 3D objects thanks to […]
Continue readingChapter 3 – The main types of Three.js Geometry
In the previous chapter, our goal was to create a simple Three.js scene composed of a rotating cube. To do this, we instantiated a 3D […]
Continue readingChapter 2 – A Hello World with Three.js
In this new chapter, we will apply the theoretical concepts of the previous article. I strongly advise you to start by reading the first chapter […]
Continue reading