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

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.

This post is part of our contributor series. The views expressed are the author's own and not necessarily shared by TNW.

Read next: Socialdex - A slick virtual Rolodex for your social contacts

Corona coverage

Read our daily coverage on how the tech industry is responding to the coronavirus and subscribe to our weekly newsletter Coronavirus in Context.

For tips and tricks on working remotely, check out our Growth Quarters articles here or follow us on Twitter.