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.


La vera forza sta nel fatto che la tela è riempita solo di codice, il che apre possibilità completamente nuove come un piacevole effetto collaterale: ad esempio, utilizzando funzioni ricorsive, frattali o altri elementi ricorrenti possono essere creati con poco sforzo. Ho preparato una piccola demo qui come l'intera cosa può apparire:

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