Preparation of the environment – Global variables Let’s start by creating some global variables : wavespeed – Speed of the waves wavewidth – Width of […]
Continue readingTag: three.js
Export 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 reading
Satellite : 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 reading
Controlling 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 reading
Chapter 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 reading
Chapter 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 reading
Chapter 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 reading
Chapter 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 reading
Chapter 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
Chapter 1 – The Basic Concepts of Three.js
Are you ready to start our 3D adventure ? This first chapter details the basic concepts used in a Three.js project ! This simplified diagram […]
Continue reading