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
Change Color of Sprite/Image Phaser 3	1	1686	May 14, 2021
Custom shader + graphics bug Phaser 3	1	457	July 7, 2019
Adjust saturation Phaser 3	1	502	May 19, 2020
CanvasTexture setPixel doesn't work Phaser 3	1	408	April 25, 2021
Change image color Phaser 3	16	5047	February 27, 2021

Grayscale in phaser3

Related topics