Lights: An amazing display of WebGL power. Kiss your Flash goodbye

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).

In 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:

Once you’ve done that, you’ll then have a Develop option in the menu bar. Just drop that down, and select Enable WebGL.