What is three.js?

Dusan Bosnjak
Aug 5, 2018 · 12 min read


Scene graph

THREE.Scene('world')
|-THREE.Mesh('ground')
|-THREE.Mesh('house')
|-THREE.Light('sun')
|-THREE.Camera('main')

WebGL

canvas, css, svg

Low level

WebGL rasterizes primitives and draws the results into buffers

GPU

2D and 3D

Renderers working together

THREE.WebGLRenderer


THREE-Math

THREE-Scene-Graph

THREE-Renderer

THREE-WebGLRenderer


Practical examples

Three.js is not a 3D modeling tool

Three.js is not a game engine

Three.js doesn’t load much

Three.js examples are not three.js

Dusan Bosnjak

Written by

i like computer graphics

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade