GLSL shader for postprocessing possible?

[vilcans]

Phaser noob here wondering if it's possible to use the content of the whole canvas as input to a filter. E.g. for post-processing effects such as blur, vignetting, colour correction etc.

[Pedro Alpera]

Something like this?:

 

http://examples.phaser.io/_site/view_full.html?d=filters&f=gray.js&t=gray

http://examples.phaser.io/_site/view_full.html?d=filters&f=checker+wave.js&t=checker%20wave

http://examples.phaser.io/_site/view_full.html?d=filters&f=plasma.js&t=plasma

[vilcans]

No, those are not postprocessing filters. They are only applied to one sprite, not the whole canvas.

 

I want for example to render a tilemap and some sprites, then add a filter on top of everything.

[BigRob154]

No, those are not postprocessing filters. They are only applied to one sprite, not the whole canvas.

 

I want for example to render a tilemap and some sprites, then add a filter on top of everything.

 

Just have a deeper look. Plasma is a GLSL Shader, young padawan.

 

Edit:

Maybe you have to render the whole scene into a separate BitmapData object and apply the post effect there.

[vilcans]

Maybe you have to render the whole scene into a separate BitmapData object and apply the post effect there.

 

Yeah, I should be able to render everything onto a texture instead of the screen somehow, then paint that texture to the screen with a post-processing shader. I wonder if Phaser can do that.