Jika kita bicara tentang sebuah transformasi, dimana transformasi berarti kita akan merubah bentuk dari bentuk satu ke bentuk yang lain, dan disini saya akan mencoba membuat sebuah bentuk kotak dimana kotak tersebut akan kita rubah menjadi bentuk lingkaran, kurang lebihnya kita akan belajar Cara Transformasi Bentuk dengan javasript seperti itu. seperti apa simak terus ya teman-teman.

Untuk membuat Cara Transformasi Bentuk itu disini saya akan membuat lebih simple memang dengan javascript tetapi disini saya akan menggunakan anime js lagi, karena menurut saya di animejs terdapat sebuah property-property yang menurut saya cukup bermanfaat untuk mengatur target yang akan kita rubah bentuknya, jiika disini ada teman-teman yang baru saja bergabung di sebelumnya saya sudah pernah membuat sebuah animasi menggunakan animejs ini, silahkan lihat jika ingin.

Sama seperti sebelumnya disini saya akan membuat sebuah tombol play dan pause supaya bisa sedikit mengatur target kita tidak jalan terus menerus, walaupun bisa kita atur di property menjadi false autoplay nya, tetapi disini saya membuat sebuah tombol saja untuk menstopnya, oke seperti apa, disini saya buat dengan seperti ini

Oke jika sudah ketika teman-teman jalankan bentuk kotak menjadi lingkaran tersebut tidak akan tampil sebelum di play, dan jika teman-teman ingin mengatur bentuk tersebut teman-teman bisa aturnya di anime({}) silahkan di animiejs ada, dan jika kita lihat hasil yang di dapatkan di atas akan seperti ini

Cara Transformasi Bentuk dengan javasript

kotak tersebut akan bergeser kekanan dan merubah bentuknya menjadi lingkaran, oke saya rasa lebih enak teman-teman coba sendiri ya, dan cukup sampai disini Cara Transformasi Bentuk menggunakan animejs dimana dasarnya teman-teman harus belajar dengan javascript, supaya tidak kebingungan tentunya.

WhatsApp chat