Jumat, 27 September 2013

Implementasi Parent Dan Child Pada Movie Clip Untuk Rotate

pada tutorial ini kita akan membuat beberapa Movie Clip (MC) saling berputar seolah saling terhubung dengan tali, untuk lebih jelasnya perhatikan gambar berikut
dalam tutorial ini kita menggunakan ActionScript 3 (AS3), pertama buat dua buah layer dengan nama action dan objek, kemudian pada layer objek buat tiga buah objek bola (shape) bulat dengan warna masing-masing biru, hijau dan merah, untuk jelasnya perhatikan gambar berikut
kemudian ubah bola berwarna biru menjadi MC dengan nama biru_mc serta dengan instance name bernama biru_mc, untuk jelasnya perhatikan gambar berikut



kemudian pilih dua bola berwarna merah dan hijau kemudian ubah menjadi MC bernama merahhijau_mc serta instance name bernama merahhijau_mc, untuk jelasnya perhatikan gambar berikut

kemudian klik ganda (Double Click) pada merahhijau_mc untuk menuju stage merahhijau_mc, pilih bola berwarna merah kemudian ubah menjadi MC dengan nama merah_mc serta instance name bernama merah_mc, lakukan hal yang sama pada bola berwarna hijau, sesuaikan dengan warnanya yaitu MC bernama hijau_mc dan instance name juga bernama hijau_mc, untuk jelasnya perhatikan gambar berikut



kembali pada stage scene 1 (ctrl+e),sampai disini kita telah memiliki empat buah MC pada library, untuk jelasnya perhatikan gambar berikut
kemudian pada layer action tuliskan script berikut
var speedmerah:Number = 5;
var speedhijau:Number = 20;
var speedmerahhijau:Number = 5;
var speedbiru:Number = 5;
this.addEventListener(Event.ENTER_FRAME,jalanF);
function jalanF(e:Event):void{
 merahhijau_mc.merah_mc.rotation = merahhijau_mc.merah_mc.rotation-speedmerah;
 merahhijau_mc.hijau_mc.rotation = merahhijau_mc.hijau_mc.rotation+speedhijau;
 merahhijau_mc.rotation = merahhijau_mc.rotation-speedmerahhijau;
 biru_mc.rotation = biru_mc.rotation-speedbiru;

 if((merahhijau_mc.merah_mc.rotation == 0) || (merahhijau_mc.merah_mc.rotation == 360)){
  speedmerah=+(speedmerah);
 }
 if((merahhijau_mc.hijau_mc.rotation == 0)||(merahhijau_mc.hijau_mc.rotation== 360)){
  speedhijau=+(speedhijau)
 }
 if((merahhijau_mc.rotation==0)||(merahhijau_mc.rotation==360)){
  speedmerahhijau=-(speedmerahhijau);
 }
 if((biru_mc.rotation==0)||(biru_mc.rotation==360)){
  speedbiru=-(speedbiru);
 }
}
kemudian test movie (ctrl+enter) untuk melihat hasilnya, maka bola akan saling melakukan rotasi sesuai posisi registrasi pointnya, untuk lebih memahami parent child cobalah anda tambahkan tali dengan line tool sehingga MC berotasi melalui tali tersebut,anda bisa mendapatkan source tutorial ini disini dengan password wahanaflash.com

Tidak ada komentar:

Posting Komentar