Learning Three.js Part 1 – Getting Started

Welcome to my tutorial series on learning three.js. This will be a multipart series where we look at the various  features of three.js. In this first post I will be explaining what three.js is and what you need to get up and running.

Learning Three JS - Getting Started

The third dimension

In the days of yonder, web browsers were limited to the realm of 2D content. While there are impressive things that can be done in only two dimensions, in the past few years the availability of WebGL in the browser has allowed developers to create rich, interactive, performant 3D content. Developing WebGL directly is difficult, consuming and requires a body of knowledge beyond that of the average web developer. Enter three.js. Three.js is a JavaScript library for creating and manipulating  3D content for the browser, which with only a basic understanding of JavaScript allows developers to create amazing content previously not easily available on the web.

Getting Started

There are a couple of things you’ll need to get started with three.js, all of which you probably already have. You’ll need your favourite IDE, ideally one suited to JavaScript development. You’ll need at least a basic understanding of JavaScript. You’ll need a browser that supports WebGL. And of course, you’ll need to download three.js.

All set? See you in Part 2 – the Basics