Sfondi animati con tela

Gli sfondi vettoriali animati possono aggiungere varietà a un panorama web caratterizzato da foto e video a schermo intero. Sarebbe bello se questo andasse di pari passo con i tempi di caricamento e un ampio supporto hardware e software. Una soluzione è: tela. L'elemento HTML controllato da JavaScript è supportato da tutti i browser attuali e riprodotto con alte prestazioni sui dispositivi mobili.


Il vero punto di forza sta nel fatto che la tela è riempita esclusivamente di codice, e questo apre a possibilità completamente nuove come piacevole effetto collaterale: ad esempio, è possibile generare frattali o altri elementi ricorrenti senza alcuno sforzo utilizzando funzioni ricorsive. Ho preparato una piccola demo qui per mostrare come si può ottenere questo risultato.:

Canvas Background by David Vielhuber

La tela può ovviamente essere utilizzata anche in giochi, pubblicità, visualizzazione di dati o arte. In tempi di 4k e siti Web continuamente scalabili, secondo me c'è molto potenziale addormentamento in questa tecnologia meno conosciuta. In combinazione con elementi SVG statici, la grafica vettoriale sta finalmente ottenendo il palcoscenico sul web che ha sempre meritato.

Indietro