Illuminated.js – 2D lights and shadows rendering engine for HTML5 applications

This is very cool -- I love that we're seeing more and more open source work on making web game engines that are not Flash. Stuff like Angry Birds and Cut the Rope were very cool, and it's good to see more frameworks and libraries for taking some of the effort out of it and making it more mass-market.<p>One thing that excites me especially is that a simple game creation engine in the browser might be a great chance to excite kids about programming with a very low barrier to entry.

It's neat but it runs at about 5fps on my fairly new laptop. No-one is putting that in a game and I can't imagine how it'd work in an app.<p>Still cool as a tech demo though.

Nice. Looks like the lights are represented as single points, so even making it bigger still produces the "on/off" effect when moving objects in front of the light.

I found a bug. At a certain distance the shadow disappears for an object.<p><a href="http://demo.greweb.fr/illuminated.js/#{%22lights%22:[{%22instance%22:%22Lamp%22,%22position%22:{%22x%22:377.5,%22y%22:215.316650390625},%22distance%22:170,%22diffuse%22:0.8,%22color%22:%22rgba%28254,191,136,0.8718296881574732%29%22,%22radius%22:3,%22samples%22:9,%22angle%22:0,%22roughness%22:0}" rel="nofollow">http://demo.greweb.fr/illuminated.js/#{%22lights%22:[{%22ins...</a>],%22objects%22:[{%22instance%22:%22DiscObject%22,%22center%22:{%22x%22:313.5,%22y%22:190.316650390625},%22radius%22:34},{%22instance%22:%22DiscObject%22,%22center%22:{%22x%22:175.5,%22y%22:146.316650390625},%22radius%22:38},{%22instance%22:%22PolygonObject%22,%22points%22:[{%22x%22:426.5,%22y%22:82.316650390625},{%22x%22:449.5,%22y%22:189.316650390625},{%22x%22:481.5,%22y%22:143.316650390625},{%22x%22:487.5,%22y%22:94.316650390625},{%22x%22:487.5,%22y%22:87.316650390625},{%22x%22:433.5,%22y%22:32.316650390625},{%22x%22:381.5,%22y%22:42.316650390625},{%22x%22:346.5,%22y%22:136.316650390625},{%22x%22:346.5,%22y%22:138.316650390625}]}],%22globals%22:{%22maskcolor%22:%22rgba%280,0,0,0.9%29%22}}

After playing around a bit, my browser history has thousands of entries from this site.

Have you considered MIT (or at least LGPL) instead of GPL licensing? Only other open source games or apps will be able to make use of this as-is. Of course that's certainly your right to do, just wanted to ask.

So, if I have one light, and an object casting a shadow, and then another object inside the first's shadow, the area that is obscured by both objects is darker than one obscured by just a single, this is an inaccurate lighting model, and looks sorta ugly.

Now the site seems down. Does anyone have an alternative link?

cool, but I think it should've done in webGL

I was really hoping this would put gold-leaf illustrations in the margins of my webpage for me.

Very cool. One issue I saw was that the shadows actually show on top of other objects.

This was pretty cool, but I couldn't help being struck by how utterly poorly it performs, especially as soon as you add just a handful of objects and two light sources. Sure, it's written in JS, but JS has come a long way in terms of performance, and so have our computers.<p>This demonstration instantly makes me think of Blizzard's Diablo II from 2000, which features an identical effect during gameplay, with a seemingly infinite number of shadow-generating obstacles and as many light sources casting shadows as there are players on the screen, and it runs perfectly smooth even on a 500mhz P3.