1/13

1. Three.js Tutorial

The following document is a step-by-step tutorial to start programming basic 3D scene using the Three.js library in JavaScript.

Using this tutorial

You can access to all codes and demos directly from the online webpage. All instructions should be explained in the different steps.

You may also want to download the complete tutorial sources, and then be able to follow it offline and to have direct access to code from your hard drive.

⇒ Download complete tutorial source

Targeted audience

  • Audience is expected to be already familiar with

    • computer science, and at least one Object Oriented language.

    • basic 3D surface representation and associate terminology (meshes: vertices, faces, normals, etc).

    • 3D geometrical transformation (translation, rotation, scaling) and their representation as matrices.

  • No previous experience required with

    • JavaScript, nor any web programming.

    • 3D scene programming.

Note on the 3D scene you will program

  • All 3D scenes that you program using Three.js can be displayed as a webpage in any modern web browser, independently of your OS.

  • Note that you will be free to make your scene available online in uploading it in any web hosting server.