CanvasLoader is a JavaScript UI library for drawing and animating circular preloaders with HTML5 canvas.
Using a simple function, a canvas element (loader) is created inside a placeholder div and multiple instances can be created at the same page.
There are few different loader types supported and they can be customized in many ways like color, density, speed, diameter, fading, FPS and scaling. Also, functions exist for getting the values of each parameter.
Optionally, a web-based creator helps building the loader image by setting the values, previewing the output and downloading the HTML file.
THE ORIGINAL?
Cover Illustration Domus Mag – 2009
Source : Shoes-Up, Sixpack, Ill-Studio
Artist : Nicolas Malinowsky (France)
LESS ORIGINAL
Essilor Varilux lenses “see from any distance” – 2011
Source : Cannes 2011 longlist, Adsoftheworld
Illustrator : Antonio Correa / Agency : Publicis, São Paulo (Brazil)