ShadowCasting � la Whiteclaws

Hi ,

After seeing keepee's example , I wanted to make my own implementation of the shadowcasting , so after 2 hours of procrastination , Here it is !

Mine doesn't have artifacts and is not CPU intensive ...

Edit : It even has a steady 60 FPS , supports multiple lightsources and complex polygons :)

The only flaw it has is you need to set up the mask by yourself , but that shouldn't be that hard ...

Awesome job Whiteclaws! <img src="smileys/smiley1.gif" border="0" align="middle" />

Drooling so hard.

I must have this.

This looks great - do you have an example capx?

Actually, no worries, I found the example from R0j0Hound:

http://www.scirra.com/forum/dynamic-shadows-now-possible_topic56174.html

Is this using canvas? I wouldn't have thought so.

How simple was this to pull off? I'm getting over 30fps on my tablet, which is great. Shame not touch friendly.

EyeHawk I highly doubt his .cap is using the same strategy as r0j0Hound's example. In r0j0Hound's example, he is spawning dummy objects as reference points for drawing on the canvas in real time. This leads to many disadvantages. For one, you can only facilitate 4 sided objects. Secondly, spawning 4 dummy objects per object you want casting shadows quickly eats power and decreases frame rate. Another annoyance is that unless you reset the position of the dummies EVERY TICK, no shadow-casting objects can be moved, as the shadows cast from their original positions.

Here's hoping that Whiteclaws' method involves a less clunky strategy for drawing the shadows: one that supports higher shadow casting object counts and doesn't eat frame rate as bad.

Whiteclaws Are you able to move the shadow-casting objects in real time as well?

This looks great, but I'd like to see these features:

* Shadows that aren't completely black

* Coloured lights

* 'Textured' lights (like in Mark of the Ninja)

* Light Cones

Get those working, and this'll be perfect. I wouldn't mind also being able to detect whether an object is 'lit' or covered by a shadow, for stuff like stealth games.

Silhouette

It's possible , I'll add this next update

Candescence

I'll try to add those too

Bear in mind that it's not mindblowing , it's just a small trick I pulled off waiting for when Ashley gives us access to the collision box points of an object

Also , no dummy objects , but takes some setup on edittime

Too bad , Rogo bet me again , all I can do now is release my capx to the public ^^

Dynamic lighting

{Right Click} Drag N' Drop/Create new lightsources

{Left Click } Delete lightsources

hey, if i knew i was going to start a torrent of shadow .capx's i would have gotten round to posting my .capx sooner!.. but it's cool looking at all the different methods.

no colours though :p step it up

keepee ,

Sorry , but rojo got me before I could even start working on the colors :(

Is this the method you used too ?

Perhaps you should implement a method that doesn't rely on image points.

— well we all draw a quad for each pair of corners, that is the same as in rojos original .capx a long time ago. The methods used for multiple sources+additive lighting are different.

newt, that would be cool, but I can't think of any reasonable way of doing it

Maybe you could take a look at different collision detections methods like:

github.com/olsn/Collision-Detection-for-EaselJS/blob/master/src/ndgmr.Collision.js