How to increase brightness of a Sprite?

[Julio Rodrigues]

Hello,

 

How can I increase the brightness in realtime of a sprite?

[xnamex]

Hi,

 

You could either use the tint property or manipulate the texture object at pixels level.

[Julio Rodrigues]

Hey,

 

I'm not being able to do it using the tint property. Can you give me an example?

[xnamex]

Well, I have no context here, about where you're gonna use this, but I'm assuming this won't be fast, and could not be used in an update loop, as in applying continuously the brightness.

 

So first one, tint

spriteInstance.tint = 0xFF0000; // tint the sprite with RED

Second, you could use this method here: http://www.html5gamedevs.com/topic/4139-get-access-to-pixel-color-from-a-texture/

Note: Keep in mind this is actually generating a new texture, which in webGL means uploading it back to the engine. This could take a while, depending on the texture size, environment, etc.

 

Cheers!

[Julio Rodrigues]

Thank you for your reply xnamex, but

 

Unfortunately, the tint method is not working, It only darkens it.

And webgl doesn't work on my target devices

[hot_tea]

function brightnessFilter(b){ // -1~1
            let filter = new PIXI.filters.ColorMatrixFilter();
                if(b >0){
                    filter.matrix = [
                        1-b, 0, 0, 0, b,
                        0, 1-b, 0, 0, b,
                        0, 0, 1-b, 0, b,
                        0, 0, 0, 1, 0];
                }else{
                    filter.matrix = [
                        1, 0, 0, 0, b,
                        0, 1, 0, 0, b,
                        0, 0, 1, 0, b,
                        0, 0, 0, 1, 0];
                }
    return filter;
}