Intro to WebGL and Three.js – Front Porch Front-End Developer Conference, Dallas, TX

Presented by David Lyons

What are people using WebGL for

• games
• interactive demos

three.js

• 3D JavaScript Library – what would take hundreds of lines of code with raw WebGL only require a few lines using three.js

All three.js projects have the following elements:

• scene
• aspect
• camera
• renderer

Rotations use radians (using pi)

Lots of math, but lots of elements to help you figure out how to do it. Mesh, shading, colors, textures, shininess, etc., etc.

You can load in ojbects via the JSON loader with a python tool that’s included (must be Python 2.7).

Interactions

In 3D you have to use “picking” to select items. You don’t have the browser interactions available.

Great stuff on three.js from David Scott Lyons on his site!