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.

Download File FLA