Intro to Shaders with p5.js

Bring your virtual objects to life and learn to code graphics and animations in this introductory workshop!

Shaders are small & unusual programs that run on your computer’s graphics processor (GPU). They are commonly used in game engines to add texture to 2D and 3D objects—but can also perform mathematical calculations and do complex data processing. In this intro workshop, participants will learn how to program GLSL shaders from scratch using p5.js. We will start by looking at the different kinds of shaders available and where shaders run within the render pipeline. Taking a generative art approach, we’ll synthesize color gradients using built-in GLSL functions, display textures on 3D models, and create animations to bring your AR filters, gifs, visualizers and virtual objects to life.