Presentz

Introduction to WebGL and Three.js — 01'09"

About Me — 00'34"

Agenda – WebGL — 00'36"

What is WebGL? — 00'35"

Getting a WebGLContext — 00'31"

What is Three.js? — 01'05"

Initializing Three.js — 00'53"

Camera — 01'42"

Creating Meshes — 01'14"

Creating Meshes — 00'48"

Creating Meshes — 00'18"

Demo — 00'53"

Lighting — 01'05"

Shading — 01'50"

Materials — 00'11"

Demo — 01'07"

Texturing — 00'31"

2D Texture Coordinates — 00'27"

Texturing Example — 00'16"

Demo — 01'03"

Loading Models — 00'26"

Demo — 00'01"

What is GLSL? — 01'16"

Vertex Shaders — 00'20"

Example Vertex Shader — 00'30"

Fragment(Pixel) Shader — 00'17"

Example Fragment(Pixel) Shader — 00'23"

Shader Demo Code — 00'36"

Shader Variables — 00'56"

Constructing New Shader Types — 00'21"

Custom Shader — 00'22"

Vertex Shader for 2D Texturing — 00'26"

Fragment Shader for 2D Texturing — 00'02"

Animation — 01'45"

MorphTargets — 00'14"

Debugging WebGL — 00'29"

Stats.js — 00'40"

Stats.js Code — 00'19"

WebGL Inspector — 01'40"

Questions? — 08'22"