CanvasLoader Creator

CanvasLoader Creator è una piccola libreria javascript (5.8kb minificata) che vi permette di riprodurre nel <canvas> un animazione di caricamento (loader) senza utilizzare gif animate.

Sul sito c’è un piccolo pannello di controllo che vi permette di settare i diversi parametri e vedere il risultato in tempo reale.

image

I vantaggi dell’utilizzare una libreria del genere sono diversi:

  1. 5kb sono meno di una gif animata (circa 100×100)
  2. Il colore, la velocità e tanti altri parametri possono essere cambiati in tempo reale e quindi riprodurre effetti più carini a seconda delle situazioni
  3. La dimensione può essere cambiata e quindi adattata alle diverse interfacce
  4. Il codice necessario per utilizzarla è semplicissimo

image

HTML5 | Javascript canvas experiments

http://www.dhteumeuleu.com/ una raccolta di diversi esperimenti in HTML5 che fanno uso del Canvas senza nessun aiuto da parte di plugin come Flash…

Per ogni esperimento è possibile visualizzare anche il codice sorgente per capire come è stato implementato. Molto utile per scoprire nuove tecniche di animazione e di gestione del canvas.