Fullscreen Shader Effects with the p5.filterShader Library

p5.filterShader GitHub:
github.com/BarneyWhiteman/p5....
p5js Reference:
Shader Object: p5js.org/reference/#/p5.Shader
Existing Filter Function: p5js.org/reference/#/p5.Image...
Examples:
Greyscale Filter: editor.p5js.org/BarneyCodes/s...
Posterise Filter: editor.p5js.org/BarneyCodes/s...
All Examples: editor.p5js.org/BarneyCodes/c...
In this video I demonstrate the p5.filterShader library that I recently released. The library allows you to create filters with fragment shaders and easily apply them to your p5js sketch to give you lots of filtering options and access to the wide range of image processing effects that use shaders.
Your sketch doesn't have to be in WEBGL mode to use the library, giving you an easy entry point to using shaders in p5js.
Follow me:
Support the channel: www.youtube.com/@BarneyCodes/...
Twitter: / barneycodes
Reddit: / barneycodes
Chapters:
0:00 Intro
0:47 Adding the library to your sketch
1:39 Basic usage
2:34 Example 1: Greyscale
3:50 Example 2: Posterise
4:58 Conclusion
#creativecoding #p5js #shaders

[@BarneyCodes]

I'm making a new "intro to shaders in p5js" video soon, so if you're not familiar with shaders, don't worry!
Hope you find the library useful!
If you'd like to see what else I'm working on, it would be great if you could wishlist my game Star Mining Co. on Steam! s.team/a/2584800/

[@StevesMakerspace]

Looks cool! Looking forward to giving it a try.

[@BarneyCodes]

Thanks Steve! Can't wait to see what you come up with!

[@theman7050]

Yes... More shaders!!!😊

[@BarneyCodes]

Glad you like it! I'm working on another shader video at the moment, should hopefully be out by the end of the month!

[@theman7050]

@@BarneyCodes thats wonderful. I am one of those guys who wants to understand the concept rather than copy paste and sell the code. So your dedication is highly appreciated. :D

[@BarneyCodes]

That's great to hear! The next video is actually going to be going over all the basics of shaders so hopefully it'll be helpful!

[@theman7050]

@@BarneyCodes great!!

[@titaniumtomato7247]

When I tried to follow along with one of the videos I did so in the processing editor and I couldn't manage to use shader filetypes.
Shader filetypes are not allowed and entering the shader mode gives me a "nasty error".
Does anyone know a way around this issue, or should I use the online editor instead?

[@BarneyCodes]

I haven't tried using shaders in processing so I'm afraid I can't help you much, sorry! If I get some time I'll try and investigate it, what did the error message say?