Search the Community

Showing results for tags 'grayscale'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • Coding and Game Design
  • Frameworks
    • Phaser 3
    • Phaser 2
    • Pixi.js
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered

Found 3 results

  1. cannot apply gray filter to sprite

    Hello everyone, is there any special limitation for using filters? I can see from example on Phaser web site that this code should work but in my app it does not work'logo', 'assets/images/preload_bg.png');'gray', ''); var logo =,, 'logo'); logo.anchor.setTo(0.5, 0.5); var gray ='Gray'); logo.filters = [gray]; The sprite is added but it's not affected by filter at all... I checked: that Phaser.Filter.Gray exists, gray object is really filer object and logo has it within filters property. What else I can do to find issue? Thanks in advance
  2. Grayscale on mobile?

    I'm currently doing a school project using phaser but is currently stuck at a problem. I'm required to do a grayscale filter for the project on mobile browser like on chrome/safari on the iPad, I managed to do it using phaser.canvas on the desktop version but couldnt get it to work on the browsers on the iPad, it just becomes a opaque black sprite.
  3. 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: If you only want the code and a quick example check out this codepen: Let me know if you liked this technique!