Hi, Can anyone help me to add grayscale to particular image/sprite in canvas. Is that possible?. I refered too many but all of them only add grayscale to entire canvas not a particular sprite.

Ah, looks like the shader in the tutorial is wrong in this regard. Replace gl_FragColor = vec4(vec3(gray), 1.0); with gl_FragColor = vec4(vec3(gray), color.a); and see if it works.

Grayscale in phaser3

Phaser 3

Telinc1 May 19, 2020, 11:53am 2

This tutorial could help:

Thanks to @alon for linking it in one of their threads.

Topic		Replies	Views
How to set image's grayscale by shader Phaser 3	1	265	January 4, 2024
Change Color of Sprite/Image Phaser 3	1	1836	May 14, 2021
Color Adjustment Phaser 3	4	2226	December 18, 2020
Make sprite a lighter (in color) Phaser 3	1	3996	July 1, 2019
Custom shader + graphics bug Phaser 3	1	467	July 7, 2019

Grayscale in phaser3

Related topics