Contributor
Justin Wong

Support Shader-Based Filters in p5.js


Mentors
Austin Slominski, So Sun Park, Adam Ferriss
Organization
Processing Foundation
Technologies
javascript, webgl
Topics
documentation, performance, image processing, Shaders, Web Graphics
What’s the need for shader-based filters? Image filters in p5.js are too slow with their current pixel-by-pixel loop implementation. It frustrates students and other users who have limited computer resources when some sketches run at a few frames per second. An alternate implementation of image filters using shaders will significantly improve performance. Moreover, implementing shader filters will touch on accessibility by giving users another entry point to shader programming, and by clarifying documentation about WebGL mode.