MichaelD Posted August 15, 2015 Share Posted August 15, 2015 Hello, I just finished writing a small tutorial on how to apply grayscale to an image without using WebGL, and without re-creating all your assets as black&white to show unavailable/disabled/locked modes. You can find it here: http://nightlycoding.com/index.php/2015/08/phaser-io-how-to-apply-a-grayscale-filter-tip/ If you only want the code and a quick example check out this codepen: http://codepen.io/netgfx/full/KpgLmV/ Let me know if you liked this technique! Skeptron, qdrj and drhayes 3 Link to comment Share on other sites More sharing options...
tips4design Posted August 15, 2015 Share Posted August 15, 2015 Very nice and easy. Why do you use a Satin effect? Isn't a full black image enough? MichaelD 1 Link to comment Share on other sites More sharing options...
MichaelD Posted August 15, 2015 Author Share Posted August 15, 2015 Interesting point, I guess a full black image will do the trick. Link to comment Share on other sites More sharing options...
ForgeableSum Posted November 28, 2016 Share Posted November 28, 2016 Great trick. Does Phaser support all Pixi blend modes or just a select few? I wasn't even aware saturation was a blend mode supported. Link to comment Share on other sites More sharing options...
ForgeableSum Posted November 28, 2016 Share Posted November 28, 2016 Caveat #1: doesn't work in webgl. I thought that when you meant it works "without" webgl, that it works in canvas, in addition to webgl. Caveat #2: anything underneath the sprite is going to be blended to. For example, if you have the sprite on top of terrain, the terrain will appear grayscale too. Link to comment Share on other sites More sharing options...
Recommended Posts