Into Vertex Shaders

This is a series of tutorials about WebGL, Three.js, and Three.bas, my extension for complex and highly performant 3D animation systems.

These tutorials are intended for people who know JavaScript and want to get into 3D graphics development, though some prior experience with Three.js will help.

We will start with a high-level overview of some key aspects of the 3D graphics pipeline. Then we will take a more detailed look at geometries, materials and particularly vertex shaders. Understanding how these work together on a hardware level will empower you to create beautiful animation systems without sacrificing performance.

Part 1: The Spaces of WebGL

Part 2: Emulating the 3D Graphics Pipeline

Part 3: Memory Management

Part 4: Form Follows Function

Addendum 1: Matrix Math and You

Addendum 2: A Brief Look at GLSL