Here's one of our favourite examples of JavaScript in the form of a demo that took the web by storm in 2012. Staggering Beauty (opens in new tab) is simple, fun, and weirdly addictive.
Created by New York developer George Michael Brower (opens in new tab), with audio by Jon Baken, the demo is spreading around the world like wildfire.
At first glance, it just seems to be an animated worm that wiggles in response to your mouse movements.
However, start vibrating your mouse at speed and all hell breaks loose.
Quite rightly, Brower has posted a warning at the bottom: "Those at risk of epileptic seizures should choose a different website."
The demo was created using traer.js (opens in new tab), a particle-based physics engine for JavaScript ported from Jeff Traer's Processing library, and paper.js (opens in new tab), an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It does not use the WebGL (opens in new tab) library.
Staggeringbeauty.com is best viewed in Google Chrome (opens in new tab). If it doesn't work properly in your browser, you can see what all the fuss is about in this video (with added 'comedic' commentary at the start):
Have you seen any great JavaScript experiments lately? Let us know in the comments!
Liked this? Read these!
- 6 quick things developers can do to improve performance
- How to get people to care about web performance (opens in new tab)
- 10 best free HTML5 templates (opens in new tab)