p5.js Shaders

Casey Conchinha, Louise Lessel

A resource for learning the what, why, and how of using shaders in p5.js.



p5.js Shaders exists to highlight an underutilized feature in p5— shaders. We hope to inspire the p5 community with examples of what can be done with shaders and then provide a comfy starting point for learning what is a notoriously difficult subject in programming.

The project exists as a reference website online, with a basic introduction to the topic, documentation, tutorials and examples.

The code is open source and able to be remixed online at https://glitch.com/@kcconch/p-5-js-shaders


The World, Pixel By Pixel