If you’ve ever read about WebGL and wondered what it could do, Lights will be a great example for you. In short, WebGL is a way to display 3D graphics in the browser, without the need for a plugin. Lights is something that looks like it should be running in Flash, but no plugin is necessary if you’re using a browser that supports WebGL (Chrome, Safari and Firefox all work).

Screen Shot 2011 11 26 at 11.29.55 AM 520x353 Lights: An amazing display of WebGL power. Kiss your Flash goodbyeIn Lights, the yellow “line” will follow the cursor of your mouse to the left and right. When the balls appear, you can click on them to make them explode into WebGL-powered fireworks. The whole thing is set to a poppy-dance soundtrack, the beat of which provides the cadence for the animation’s flashing.

A quick note about WebGL in Safari – It’s not turned on by default, so you’ll need to enable it via your Settings menu by selecting Advanced, then checking the box at the bottom:

Screen Shot 2011 11 26 at 11.26.30 AM 520x299 Lights: An amazing display of WebGL power. Kiss your Flash goodbyeOnce you’ve done that, you’ll then have a Develop option in the menu bar. Just drop that down, and select Enable WebGL.

Screen Shot 2011 11 26 at 11.26.53 AM 520x302 Lights: An amazing display of WebGL power. Kiss your Flash goodbye