Hier is een van onze favoriete voorbeelden van JavaScript in de vorm van een demo die het web in 2012 stormenderhand veroverde. Verbluffende schoonheid is eenvoudig, leuk en vreemd verslavend.
Gemaakt door de New Yorkse ontwikkelaar George Michael Brower, met audio van Jon Baken, verspreidt de demo zich als een lopend vuurtje over de wereld.
Op het eerste gezicht lijkt het gewoon een geanimeerde worm te zijn die wiebelt als reactie op je muisbewegingen.
Begin je muis echter met hoge snelheid te trillen en de hel breekt los.
Terecht heeft Brower onderaan een waarschuwing geplaatst: "Degenen die risico lopen op epileptische aanvallen, moeten een andere website kiezen."
De demo is gemaakt met behulp van traer.js, een op deeltjes gebaseerde fysica-engine voor JavaScript, geporteerd uit de verwerkingsbibliotheek van Jeff Traer, en paper.js, een open source framework voor vectorafbeeldingen scripting dat bovenop het HTML5 Canvas draait. Het maakt geen gebruik van de WebGL-bibliotheek.
Staggeringbeauty.com kan het beste worden bekeken in Google Chrome. Als het niet goed werkt in je browser, kun je zien waar het allemaal om draait in deze video (met aan het begin toegevoegd ‘komisch’ commentaar):
Heb je de laatste tijd geweldige JavaScript-experimenten gezien? Laat het ons weten in de comments!
Vond dit leuk? Lees deze!
- 6 snelle dingen die ontwikkelaars kunnen doen om de prestaties te verbeteren
- Hoe u ervoor kunt zorgen dat mensen zich zorgen maken over webprestaties
- 10 beste gratis HTML5-sjablonen