Tuval ile animasyonlu arka planlar

Animasyonlu vektör arka planları, tam ekran fotoğraflar ve videolar ile karakterize edilen bir web manzarasına çeşitlilik katabilir. Bunun yükleme süreleri ve geniş donanım ve yazılım desteği ile el ele gitmesi güzel olurdu. Çözümlerden biri: tuval. JavaScript tarafından kontrol edilen HTML öğesi, tüm mevcut tarayıcılar tarafından desteklenir ve mobil cihazlarda yüksek performansla yeniden oluşturulur.


Asıl güç, tuvalin tamamen kodla dolu olmasında yatıyor ve bu da güzel bir yan etki olarak tamamen yeni olanaklar sunuyor: Örneğin, özyinelemeli fonksiyonlar kullanılarak fraktallar veya diğer tekrarlayan öğeler zahmetsizce oluşturulabilir. Bunun nasıl görünebileceğini göstermek için burada küçük bir demo hazırladım.:

Canvas Background by David Vielhuber

Kanvas tabii ki oyunlarda, reklamlarda, veri görselleştirmede veya sanatta da kullanılabilir. 4k zamanlarında ve sürekli ölçeklenebilir web siteleri, bence bu daha az bilinen teknolojide çok fazla potansiyel var. Statik SVG öğeleriyle birlikte, vektör tabanlı grafikler nihayet web'de her zaman hak ettikleri sahneye çıkıyor.

Geri