Procedural Terrain by SimonDev

• 1. INTRODUCTION
• 2. TUTORIAL
  • 2.1 - Heightmap
  • 2.2 - Noises

1. INTRODUCTION

This educational project aims to explain by starting simply how to achieve a procedural planet (terrain) integrating Level of Details (LOD) techniques using Javascript (Three.Js framework).

The goal could be having a whole galaxy composed by the orbital bodies we will achieve together, even more a whole universe that loads these procedural galaxies.

We could at some point evolve to an another Game Engine, such as Unreal Engine v5 or any other that fits best for this project.

2. TUTORIAL

This tutorial is composed of multiple repositories individually attached to specific Youtube videos that you can find on this playlist.

In each of these repositories, you will find ordered git branches to walk through all the steps.

To run any of these repositories, a simple solution is to use http-server that you can install using node package manager globally:

npm install -g http-server

and once you cloned the repository and selected the desired branch, execute http-server at the root of the project:

http-server . -p 8000

You should be able at this stage to run your project, point your browser to:

http:localhost:8000

---

Here is the list of all these repositories and attached videos links:

2.1 - Heightmap -> Repository - Video

2.2 - Noises -> Repository - Video