Stencyl – Custom Grain Effect

Stencyl has some powerful built-in filters called ‘Shaders’ that can be used to create pretty much any effect that you desire. The only downside to these shaders is that they’re limited to certain platforms so they don’t currently work on mobile or web. I was after a grain effect that could be used on web, so I needed a custom solution.


This awesome custom grain effect was created for me by the talented Liberado.

Adjustable Custom Grain Effect

This particular bit of code is very complicated and uses advanced features of Stencyl, such as the Image API. It also benefits from being extremely customisable. It can be used for any screen size or resolution, and the size of the grain, the opacity, and cycling speed can all be changed.

The Code


The code can be downloaded below as a working Stencyl project.


Leave a Reply

Your email address will not be published. Required fields are marked *