Demo HTML 5 Canvas Custom Shape - Rotating Plane
Nha, kali ini saya akan kembali menunjukkan Demo Modifikasi dari HTML 5 Canvas Custom Shape Tutorial [Basic] yang sebelumnya telah kita pelajari. Demo ini saya namakan Rotating Plane karena bentuknya memang diambil dari bentuk Pesawat yang berputar(kaya difilm apa gitu saya lupa). Disini, kita akan membuat Objek 3D(pesawat) menjadi Objek 2D dengan menggunakan Elips.
Sebelum membuatnya, anda bisa terlebih dahulu membayangkan bentuk Pesawat Persegi Panjang ini jika dilihat dari atas. Sudut-sudut persegi panjang berbaring pada radius lingkaran imajiner yang sama dengan setengah panjang diagonal persegi panjang. Jika kita mulai memiringkan pesawat ini dalam ruang 3D, lingkaran imajiner akan menjadi elips yang tingginya lebih pendek dari lebarnya.
Biar gak penasaran, Silahkan Menuju TKP dan lihat DEMO-nya
Setelah melihat demonya, silahkan Tuangkan kreasi anda dan ciptakan bentuk lain dari HTML 5 Canvas Custom Shape ini....
Sebelum membuatnya, anda bisa terlebih dahulu membayangkan bentuk Pesawat Persegi Panjang ini jika dilihat dari atas. Sudut-sudut persegi panjang berbaring pada radius lingkaran imajiner yang sama dengan setengah panjang diagonal persegi panjang. Jika kita mulai memiringkan pesawat ini dalam ruang 3D, lingkaran imajiner akan menjadi elips yang tingginya lebih pendek dari lebarnya.
Biar gak penasaran, Silahkan Menuju TKP dan lihat DEMO-nya
Setelah melihat demonya, silahkan Tuangkan kreasi anda dan ciptakan bentuk lain dari HTML 5 Canvas Custom Shape ini....
Posting Komentar
Posting Komentar