Juli 30, 2021
Virtual Animated SVG Drum Kit

Virtual Animated SVG Drum Kit

Ya, Kali ini dalam ke isengan disaat waktu luang karena pandemi, hehe. Membaca dari judul artikel diatas yaitu Virtual Animated SVG Drum Kit, jelas sudah kali ini kita akan membicarakan hal tersebut diatas.

Sebenarnya Script ini saya dapatkan dari Codrops, yang di buat oleh Josh Ellis. Cukup menarik, dengan script yang simple namun menghasilkan output yang cukup lumayan bagus tentunya.

Script tersebut menggunakan HTML, CSS, SVG, GSAP, JS, dan jQuery. Cukup lengkap bukan dan kebayang banyaknya baris yang harus di tulis.


Fitur yang menarik

Selain bisa dimainkan dengan mouse, ada juga menu shortcut untuk memainkan dengan keyboard, selain itu ada fitur program yang memungkinkan Anda bisa memainkan sesuai dengan setingan sendiri, walaupun inputnya terbatas namun cukup lumayan.

Anda bisa mengembangkan atau memodifikasi ulang agar lebih baik lagi, link download dan halaman demo ada dibawah, jangan kuatir ya bro.

Jadi kali ini Saya tidak akan menuliskan baris kode yang ruwet disini, karena sudah saya list di halaman Realtime HTML Editor. Silahkan Anda kunjungi halaman tersebut untuk sourch kode dan demo nya.

Coba lihat gambar di bawah.



Virtual Animated SVG Drum Kit

Cukup menarik kan?, apalagi yang Anda tunggu? penasaran ingin melihat script dan mencobanya? langsung saja ke: https://my-id.site/editor/?r=UVc1cGJXRjBaV1JUVmtkRWNuVnRTMmww#cobalt

Link download script: https://tympanus.net/Tutorials/SVGDrums/SVGDrums.zip

Setelah Anda download, dan melihat souch kode serta demonya, di harapkan Anda menyukainya dan bisa menambah sedikit wawasan tentang hal tersebut, semoga bermanfaat dan selamat ber koding ria.

Sudah, sampai disini saja info singkat tentang Virtual Animated SVG Drum Kit nya, jangan lupa selalu ingat pesan IBU… hehe. Salam sukses buat Anda semua, dan tetap semangat walau di masa pandemi.