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.