Three.js

Three.js

Screen captures of Three.js examples
Original author(s)	Ricardo Cabello (Mr.doob)
Developer(s)	Three.js Authors
Initial release	April 24, 2010 (2010-04-24)
Stable release	r108 / August 28, 2019 (2019-08-28)
Repository	<strong%20class= "error"><span%20class="scribunto-error"%20id="mw-scribunto-error-1">Lua%20error%20in%20Module:Wd%20at%20line%20196:%20attempt%20to%20index%20field%20'wikibase'%20(a%20nil%20value). http://<strong%20class="error"><span%20class="scribunto-error"%20id="mw-scribunto-error-1">Lua%20error%20in%20Module:Wd%20at%20line%20196:%20attempt%20to%20index%20field%20'wikibase'%20(a%20nil%20value). Template:EditAtWikidata
Written in	JavaScript
Engine	Template:EditAtWikidata
Type	JavaScript library
License	MIT
Website	threejs.org

A very useful JavaScript graphics library which uses WebGL build by Mr. Doob (Ricardo Cabello, Google).

• threejs.org

Getting Started

1. Install three using npm:

   npm i three

2. Import into your main JS script

   import * as THREE from 'three';
   // or const THREE = require('three');
   

You can import specific components from examples as follows:

import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls.js';
import {Stats} from 'three/examples/jsm/libs/stats.module.js';

Instancing

See instancing example.

There are two main ways of instancing in three.js:

• Using an InstancedMesh
• Merging geometries (since we don't have a geometry shader)

Shaders

See ShaderMaterial.