Animerade bakgrunder med duk

Animerade vektorbakgrunder kan lägga till variation i ett webblandskap som kännetecknas av foton och videor i helskärm. Det skulle vara trevligt om detta skulle gå hand i hand med laddningstider och bred support för hårdvara och programvara. En lösning är: canvas. HTML-elementet som styrs av JavaScript stöds av alla nuvarande webbläsare och återges med hög prestanda på mobila enheter.


Den verkliga styrkan ligger i att duken bara fylls med kod - vilket öppnar helt nya möjligheter som en trevlig bieffekt: Till exempel kan fraktaler eller andra återkommande element skapas med liten ansträngning med rekursiva funktioner. Jag har förberett en liten demo här hur det hela kan se ut:

Canvas Background by David Vielhuber

Canvas kan naturligtvis också användas i spel, reklam, datavisualisering eller konst. I tider med 4k och kontinuerligt skalbara webbplatser finns det enligt min mening mycket potential i denna mindre kända teknik. I kombination med statiska SVG-element får vektorbaserad grafik äntligen scenen på webben som de alltid har förtjänat.

Tillbaka