Latar belakang animasi dengan kanvas

Latar belakang vektor beranimasi dapat menambah variasi pada lanskap web yang ditandai dengan foto dan video layar penuh. Akan lebih baik jika ini berjalan seiring dengan waktu pemuatan dan dukungan perangkat keras dan perangkat lunak yang luas. Salah satu solusinya adalah: kanvas. Elemen HTML yang dikontrol oleh JavaScript didukung oleh semua browser saat ini dan direproduksi dengan kinerja tinggi pada perangkat seluler.


Kekuatan sebenarnya terletak pada kenyataan bahwa kanvas diisi sepenuhnya dengan kode – dan ini membuka kemungkinan baru sebagai efek samping yang menyenangkan: Misalnya, fraktal atau elemen berulang lainnya dapat dihasilkan dengan mudah menggunakan fungsi rekursif. Saya telah membuat demo kecil di sini untuk menunjukkan seperti apa hasilnya.:

Canvas Background by David Vielhuber

Kanvas tentunya juga dapat digunakan dalam permainan, periklanan, visualisasi data atau seni. Di masa 4k dan situs web yang terus diskalakan, menurut saya ada banyak potensi dalam teknologi yang kurang terkenal ini. Dalam kombinasi dengan elemen SVG statis, grafik berbasis vektor akhirnya mendapatkan panggung di web yang selalu layak mereka dapatkan.

Kembali