List of Resources
As I've developed p5.FIP I've realised there is a lack of documentation for p5.js and Processing shaders. Below is a list of useful resources grouped by category.
Learning about Processing shaders
-
If you're writing shaders for Processing, I would highly recommend this archived tutorial.
-
The replies to this Reddit post list various resources and examples.
-
This Stack Overflow thread goes over some troubleshooting.
-
What's the difference between shader() and filter()?
Processing vs. p5.js shaders
-
Processing uses "full OpenGL" but uses the specifications of OpenGL ES.
-
p5.js uses WebGL which is a JavaScript API based on GL_ES. WebGL is specifically designed to work within web browsers and is a subset of the full OpenGL specification. The GL_ES (OpenGL ES) variant is suitable for embedded systems, such as mobile devices, and is commonly used in web development.