Membuat Animasi Tata Surya Dengan Adobe Flash CS5Sep 5, 2011 by
Andrea Adelheid Under Tips & Trik - 1 Comment
Tata surya merupakan sekumpulan objek yang berpusat pada
Matahari dan terdiri dari sekumpulan planet-planet yang memiliki
orbit-orbit mengelilingi matahari (yakni Uranus, Merkurius, Venus,
Bumi, Mars, Jupiter, Saturnus, dan Neptunus) beserta bulannya
masing-masing yang mengelilingi setiap planet dan semua objek yang
berada di orbit matahari (seperti Asteroid, Komet, dan lain-lain).
Ada banyak cara untuk menganimasikan sebuah pergerakan planet dan
satelitnya dari matahari yang kesemuanya menggambarkan tata surya.
Salah satunya adalah dengan apa yang akan kita buat kali ini, yaitu
memanfaatkan Drawing API pada Flash untuk menggambarkan
komponenkomponen tata surya berupa matahari, planet, dan
satelitnya. Selain itu untuk membuatnya beranimasi, kita akan
melakukan update posisi relative planet dan satelitnya terhadap
orbit berupa lingkaran dengan mengubah nilai rotation
MovieClip/Sprite/Shape-nya masing-masing secara berkala dalam
interval waktu tertentu sesuai nilai FPS, dengan
mendefinisikanlistener Event.ENTER_FRAME pada stage. Pada Trik kali
ini, kita akan coba menggambarkan matahari yang dikelilingi oleh
satu planet dan satu satelit saja, dengan langkah-langkah
pembuatannya sebagai berikut:
1. Buatlah sebuah file Flash baru dengan fitur ActionScript 3.0.
Caranya klik menu File >New > General > ActionScript
3.0.
2. Klik Menu Modify > Document.
3. Untuk memberikan kesan Animasi ini berlatar belakang luar
angkasa, ubah warnadocument menjadi gelap.
4. Pada panel Properties, tuliskan TataSurya di kolom Document
Class. Tekan Enterpada Keyboard, bila muncul warning maka abaikan
saja, karena file berisi definisi class-nya
baru akan kita buat berikutnya.
5. Klik menu File > Save As. Simpan dengan format FLA.
6. Buat sebuah file Flash baru dengan fitur ActionScript 3.0
dengan mengklik File > New >General > ActionScript
File.
7. Tuliskan Script berikut ini pada File:
package { import flash.display.*; import flash.events.*; public
class TataSurya extends MovieClip { private var matahari:Sprite =
new Sprite(); private var bumi:Sprite = new Sprite(); private var
bulan:Shape = new Shape(); public function TataSurya() {
matahari.graphics.beginFill(0xFFCC00);
matahari.graphics.drawCircle(0,0,40); matahari.graphics.endFill();
matahari.graphics.beginFill(0x000000);
matahari.graphics.drawCircle(-10,-10,5);
matahari.graphics.drawCircle(10,-10,5);
matahari.graphics.endFill();
matahari.graphics.lineStyle(0,0x000000);
matahari.graphics.moveTo(-20,10);
matahari.graphics.curveTo(0,20,20,10);
matahari.graphics.lineStyle(0,0x555555);
matahari.graphics.drawCircle(0,0,120);
bumi.graphics.beginFill(0x0099CC);
bumi.graphics.drawCircle(0,0,20); bumi.graphics.endFill();
bumi.graphics.lineStyle(0,0x333333);
bumi.graphics.drawCircle(0,0,30);
bulan.graphics.beginFill(0xCCCCCC);
bulan.graphics.drawCircle(0,0,5); bulan.graphics.endFill();
this.addChild(matahari); matahari.x = 275; matahari.y = 200;
matahari.addChild(bumi); bumi.x = 120; bumi.y = 0;
bumi.addChild(bulan); bulan.x = 30; bulan.y = 0;
stage.addEventListener(Event.ENTER_FRAME, orbit); } private
function orbit(evt:Event):void { matahari.rotation += 1;
bumi.rotation += 5; bulan.rotation -= 10; } } }
8. Klik menu File > Save As, simpan file kedua ini dengan
nama TataSurya.as pada folderyang sama dengan kita menyimpan file
FLA (cara ke 5) sebelumnya.
9. Lakukan test Movieclip sebelumnya untuk melihat hasilnya,
klik menu Control > TestMovie atau dengan menekan shortcut
Ctrl+Enter pada Keyboard.
10. Hasilnya sebuah Animasi Bulan mengelilingi planet dimana
disaat yang sama planettersebut pun mengelilingi matahari.
Tutorial di atas juga berlaku untuk versi photoshop di bawah
CS5. Bagi yang ingin mendapatkan Source File tutorial Adobe Flash
CS5 di atas bisa meng-unduh-nya di:
Read more:
http://blog.fastncheap.com/membuat-animasi-tata-surya-dengan-adobe-flashcs5/#ixzz1cbqwIn1d
