phaser and 2d lighting

[Fla5h]

how can i add lighting into my game? i was thinking about trying out illuminated-js, has anyone else tried it with phaser or can phaser do basic lighting by itself?

Im used to working with unity 3d, goo engine ,and blender (you just add a light to your scene and place it where you want) so 2d lighting is new to me.

 

I want something simple like the little green orbs. And white orb in the below pic. The two images below are from a game called luminesca which was made in unity if i remember correctly.

 

 I had no problem with this effect in unity but now i want to try it with phaser. I was thinking maybe use canvas to add a mask over the game and only show areas with light? Any help?

 

light example 1

light example 2

light example 3

light example 4

[rich]

Lights are a natural and easy part of any 3D engine, like those you listed, because they're part of the under-pinning technology and cheap to create. However when it comes to 2D they basically need to be faked, and the best way of achieving that varies depending on the game style. Sometimes carefully placed sprites, sometimes an overlay cut-away canvas, in newer browsers blend modes will help with this, but at the end of the day it's still all just faked one way or another.

[MisterMaSK]

have a look at this game....its a genius game working with light masks....may not be exactly what you are looking for....but will give you some idea nonetheless...

 

Pixel Lanternbearer

Play Url - https://dl.dropboxusercontent.com/u/51179665/html/LD28/index.html

Source Url - https://dl.dropboxusercontent.com/u/51179665/other/felixnemisLD28.zip

Site - http://www.ludumdare.com/compo/ludum-dare-28/?action=preview&uid=6525

 

also you can visit http://pgl.ilinov.eu/?order=source&dir=desc to checkout the source of some really good games made with phaser and how they work....

[rich]

For what it's worth I think illuminted-js could make a neat Phaser plugin. I suspect it will struggle on mobile, but on desktop should be perfectly fine.