Animowane tła z płótnem

Animowane tła wektorowe mogą urozmaicić krajobraz sieciowy charakteryzujący się pełnoekranowymi zdjęciami i filmami. Byłoby miło, gdyby szło to w parze z czasem ładowania i szerokim wsparciem sprzętowym i programowym. Jedno rozwiązanie to: płótno. Element HTML kontrolowany przez JavaScript jest obsługiwany przez wszystkie obecne przeglądarki i odtwarzany z wysoką wydajnością na urządzeniach mobilnych.


Prawdziwa siła tkwi w tym, że płótno jest wypełnione tylko kodem - co otwiera zupełnie nowe możliwości jako miły efekt uboczny: na przykład przy użyciu funkcji rekurencyjnych fraktale lub inne powtarzające się elementy można stworzyć przy niewielkim wysiłku. Przygotowałem tutaj małe demo, jak całość może wyglądać:

Canvas Background by David Vielhuber

Płótno można oczywiście wykorzystać w grach, reklamach, wizualizacji danych czy sztuce. W czasach 4k i ciągle skalowalnych stron internetowych, moim zdaniem, w tej mniej znanej technologii jest duży potencjał. W połączeniu ze statycznymi elementami SVG grafika wektorowa w końcu zdobywa w sieci scenę, na jaką zawsze zasługiwała.

Plecy