BPB E Learning

GLSL is not Javascript

Using THREE.js as your development platform

Your first shader

The vec class

Changing the color using the mouse

Changing color with time

Blending colors

Uniforms and varyings

Using clamp

Using step and smoothstep

QUIZ

Drawing a circle

Drawing a square

Moving our shape

Moving the shape over time

Rotating the shape

Changing the rotation centre

Tiling

Drawing circles

Drawing lines

Combining elements

Showing a polygon

A brick pattern

Quiz

What's all that noise?

Using noise to create a fire shader

Using noise to create wood and marble

Quiz

A simple use of a texture image

Ripple the image

Blend between images

Create a texture from text

Quiz

Turning a box into a sphere

Using the THREE.js lighting chunks

Creating an explosion

Quiz

Fresnel shading

Environment mapping

Bump mapping

Quiz

Using the post-processing shaders that come with THREE.js

Creating a custom post-processing shader

A Simple Blur Filter

Quiz

Raymarching - part 1

Raymarching - part 2