[share] Bikin Animasi GLB & GLBB

[Linuxmania]

Si newbie lg pengen nge-thread neh, hehe. Cuma pengen share aja tentang bikin animasi dr flash. Smoga berguna ya...



Agan2 pasti uda tau kan GLB dan GLBB? Dalam pelajaran fisika, GLB merupakan singkatan dari Gerak Lurus Beraturan. Sedangkan GLBB adalah singkatan dari Gerak Lurus Berubah Beraturan. Lebih lanjut mengenai konsep ini silakan dilihat di wikipedia (http://id.wikipedia.org/wiki/Gerak_lurus).



Nah, di sini aku cuma pengen share cara bikin animasi yang mensimulasikan kedua gerak tersebut. Caranya seperti ini:



- Buka dulu software animasi flashmu gan. Yg versi lama jg gapapa, asal mendukung actionscript.

- Bikin movie clip bentuk lingkaran (warna terserah), trus kasih nama "bola".


Spoiler for movie clip bola:




http://u.kaskus.us/4/9jvqta8l.jpg







- Buat layer baru, lalu isi dengan action script pada frame 1.



var kec:Number = 30;

function moveBall():Void {

_root.bola._x += kec;

}

var intervalID:Number = setInterval(moveBall, 1000);



Script ini akan membuat movie clip bola akan bergerak ke kanan dgn kecepatan sebesar 30 pixel per detik. Tentu saja variabel kec bisa kamu ubah sesuai selera. Misal jika kamu mengubahnya menjadi var kec:Number = 50; , itu artinya bola akan bergerak dgn kecepatan 50 pixel per detik. Kelemahan dari script ini adalah animasi akan berjalan sangat kasar atau kaku. Tenang, kita bisa memperhalus animasi gerak bola dgn memodifikasi script di atas seperti ini.



var kec:Number = 30;

function moveBall():Void {

_root.bola._x += kec/100;

}

var intervalID:Number = setInterval(moveBall, 10);



Sebenernya pengen sih nampilin hasil akhir dari animasi GLB ini. Tapi sayang kaskus ga bisa nampilin animasi flash. Ato aku aja yg ga tau caranya ya gan? :) Tapi tenang gan, animasi ini masih bisa dilihat kok. Malah udah aku modif lagi biar kita bisa memanipulasi kecepatannya sewaktu-waktu tanpa memodifikasi scriptnya lagi. Lihat di blogku gan:

Animasi GLB dengan Flash (http://hamzcraze.blogspot.com/2010/01/animasi-simulasi-glb-pada-flash.html)



Di situ juga ada penjelasan lebih detail mengenai tutorial ini. Agan2 juga bisa download source file-nya di sana kalo tertarik pengen belajar.



Nah, itu tadi adalah GLB. Bolanya akan bergerak dgn kecepatan konstan. Sekarang bagaimana kalo bola itu kita beri percepatan? Artinya sama saja kita bikin animasi GLBB. Caranya sama kok. Kita tinggal memodifikasi scriptnya kaya gini:



var kec:Number = 0;

var perc:Number = 10;

function moveBall():Void {

kec += int(perc)/100;

_root.bola._x += (kec/100);

}

var intervalID:Number = setInterval(moveBall, 10);



Dengan memasukkan script di atas, bola akan bergeser dengan percepatan 10 pixel per detik kuadrat. Variabel kec dan perc bisa saja diubah-ubah sesuai selera. Kalo pengen liat hasil bikinanku silakan cek di sini:

Simulasi GLBB pada Flash (http://hamzcraze.blogspot.com/2010/04/simulasi-glbb-pada-flash.html)



Oh ya, ada tambahan. Aku juga udah bikin animasi yg kita bisa melihat simulasi GLB dan GLBB sekaligus. Ini seh cuma pengembangan dari 2 animasi di atas. Cek di sini gan:

Animasi GLB dan GLBB Versi 2 (http://hamzcraze.blogspot.com/2010/04/animasi-glb-dan-glbb-versi-2.html)



Well, sekian dulu yah... Ini thread pertamaku gan! Newbie tulen neh, hehehe.. Terima kasih banget bagi yang mau ngasih kritik atau saran. :)

</div>