Membuat Animasi Interaktif Segitiga

Desain yang dibuat adalah membuat tiga titik yang saling dihubungkan oleh garis. Ketika titik tersebut di drag maka garis yang menghubungkan juga akan mengikuti gerakan titik (dinamis). Ilustrasinya adalah sebagai berikut:

Buatlah Movie Clip berupa lingkaran kecil. Copy dan paste pada Frame yang sama sehingga jumlahnya menjadi tiga buah. Berilah nama pada masing-masing Movie Clip dengan nama mc_1, mc_2, dan mc_3.

Buat layer baru untuk mengisikan action script berikut:

function drag(){

mc_1.onPress=function(){

startDrag(mc_1,false);

}

mc_1.onRelease=function(){

stopDrag();

}

 

mc_2.onPress=function(){

startDrag(mc_2,false);

}

mc_2.onRelease=function(){

stopDrag();

}

 

mc_3.onPress=function(){

startDrag(mc_3,false);

}

mc_3.onRelease=function(){

stopDrag();

}

}

 

 

function garis(){

clear();

beginFill (0x0000FF, 50);

lineStyle(2,996600,100);

moveTo(mc_2._x,mc_2._y);

lineTo(mc_1._x,mc_1._y);

moveTo(mc_1._x,mc_1._y);

lineTo(mc_3._x,mc_3._y);

moveTo(mc_3._x,mc_3._y);

lineTo(mc_1._x,mc_1._y);

moveTo(mc_2._x,mc_2._y);

lineTo(mc_3._x,mc_3._y);

endFill();

 

}

 

_root.onEnterFrame = function() {

drag();

garis();

}

Penjelasan Script:

  1. function drag(){ adalah script untuk membuat fungsi yang diberi nama drag().
  2. mc_1.onPress=function(){ startDrag(mc_1,false)}; untuk memberi perintah ketika kursor ditekan diatas Movie Clip mc_1 maka mc_1 akan tertarik (drag).
  3. mc_1.onPress=function(){ stopDrag()};untuk memberi perintah ketika mouse dilepas maka drag akan berhenti.
  4. _root.onEnterFrame = function(){

drag();

garis();

perintah diatas menunjukkan ketika movie dijalankan maka perintah dalam function drag() dan function garis() akan dijalankan.

Tentang RumahMatahari

graduated
Pos ini dipublikasikan di Flash-Area. Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s