Animasi Interaktif Grafitasi

Kali ini kita akan membuat animasi bola dalam ruangan yang dipengaruhi oleh gaya grafitasi. Desain yang akan dibuat adalah sebagai berikut :

-       Jika tombol arah kanan / kiri / atas ditekan maka bola akan memperoleh gaya dorong yang menyebabkan bola akan bergerak.

-       Jika bola mengenai dinding maka bola akan memantul.

Untuk membuatnya, ikuti langkah berikut :

1.       Buatlah Movie Clip bola.

2.       Buatlah garis dinding dengan ketentuan sebagai berikut :

-       Dinding Vertikal dengan posisi x = 55 dan x = 500

-       Dinding horizontal dengan posisi y = 37 dan y = 352

3.       Seleksi Movie Clip bola dan isikan script berikut :

onClipEvent(enterFrame){

     speed_x*=0.96;

     speed_y*=0.96;

     speed_y-=4;

     _x+=speed_x;

     _y-=speed_y;

     if (_y >= 352-(_height/2)) {

           _y = 352-(49/2);

           speed_y *= -1;

     }

     if (_y <= 37+(_heigth/2)) {

           _y = 37+(49/2);

           speed_y *= -1;

     }

     if (_x >= 499-(_width/2)) {

           _x = 499-(52/2);

           speed_x *= -1;

     }

     if (_x <= 55+(_width/2)) {

           _x = 55+(52/2);

           speed_x *= -1;

     }

    

     if(Key.isDown(Key.UP)){

           speed_y=50;

     }

     if(Key.isDown(Key.RIGHT)){

           speed_x=50;

     }

     if(Key.isDown(Key.LEFT)){

           speed_x=-50;

     }

    

}

4.       Lakukan Test Movie.

Pejelasan Script :

1.  speed_x*=0.96; Memberikan nilai gaya gesek horisontal

speed_y*=0.96; speed_y-=4; Memberikan nilai percepatan

grafitasi

         

2.  if (_y >= 352-(_height/2)) Memberikan kondisi ketika berbenturan dengan lantai.

3.  _y = 352-(49/2); Mengambil nilai y untuk Movie Clip ketika berbenturan dengan lantai. Nilai tersebut kemudian akan dikalikan dengan -1 oleh perintah speed_y *= -1; sehingga bola akan memantul-mantul hingga berhenti.

4.  if(Key.isDown(Key.UP)){ speed_y=50;} akan membuat Movie Clip mendapatkan gaya dorong ke atas sebesar 50 sehingga bola akan bergerak melambung. 

Download File FLA