Phaser.io how to apply a grayscale filter [Tip]

So I was looking for a smart/quick/light way to apply grayscale filter to my images but not by using WebGL.
What I found is that by using Image.blendMode = PIXI.blendModes.SATURATION I could simply create an image in Photoshop and apply that blend to it. This way you don’t have to create multiple grayscale versions of the images but simply add one grayscale and re-apply it when you want.

And here’s how you can do it.

Continue reading

Mind the Gap: HTML5 Puzzle game

Hello all,

I have released another puzzle/arcade game called Mind the Gap.

Mind the Gap is a puzzle game where the player needs to throw a spinning disk and reach the victory area on the top, while avoiding the blocks.

The game is perfect for desktop and mobile play, and supports click & touch events.

Created with HTML5 canvas and Phaser.io game framework.

  • Support for mobile and Desktop
  • Ready for launch mobile stores with Phonegap/Cordova
  • 20 Levels of increasing difficulty
  • All game graphics are included (.psd format)
  • Easy config with .json to add infinite amount of levels