Aplikasi Interaktif Pengukuran Menggunakan Mistar

File FLA Game Matematika Sederhana (Pengurangan Sudut Part 2)

 Permainan Matematika Sederhana. Bagi yang mau belajar, bongkar-bongkar aja file FLA disini.

File FLA Game Matematika Sederhana 1 (Pengurangan Sudut Part 1)

Bagi rekan-rekan yang mau belajar FLASH, langsung download saja file FLAnya.

Membuat Animasi Interaktif Gelombang dengan Actionscript 2

STEP 1
Buat movieclip dengan nama ‘dot’. Buat juga textfield dengan nama variable ‘pg’, ‘a’, ‘v’, dan ‘amp’. Kaish tombol-tombol untuk mengendalikan text variable di atas. Contoh: buat tombol dengan nama btn1. Di dalam btn1 tulis script: on(release){pg+=1}. Artinya setiap kali tbl1 di klik maka nilai pg akan selalu bertambah 1. Oke lanjut!

STEP 2
Langsung intinya,  tulis script berikut pada frame 1:

_root.onLoad=function(){
    pg=17;
    amp=40;
    w=10;
    v=1;
    a=1;
}

_root.onEnterFrame=function(){
    n++;
    m=Math.floor(n/v)*a;
    //o=Math.sin(m);
    for(i=1;i<550;i++){
    dot.duplicateMovieClip("dot"+i,i);
    yval=eval("dot"+i);
    yval._x=i;
    yval._y=(Math.sin((m-i)/pg)*amp)+200;
    }
}

Test movie, oke jadi!

Download File FLA. Jangan lupa ninggalin komentar, bro!

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

Membuat Aplikasi Rangkaian Paralel Interaktif (AS2)

Untuk membuatnya ikuti langkah berikut:
Buka kembali file rangkaian seri.fla dan susunlah saklar dan lampu sehingga menjadi seperti pada gambar dibawah ini.

Ubahlah script pada layer script menjadi seperti berikut ini:

_root.onEnterFrame=function(){

           if((saklar1.i==1)&&(saklar3.i==1)){

           _root.lampu1.gotoAndStop(2);

           }

           else {

           _root.lampu1.gotoAndStop(1);

           }

           if((saklar2.i==1)&&(saklar3.i==1)){

           _root.lampu2.gotoAndStop(2);

           }

           else{

           _root.lampu2.gotoAndStop(1);

           }

    

}

Download file FLA

Membuat Animasi Interaktif Diagram Kartesius

Sekarang kita akan membuat animasi diagram karetesius dengan desain:

1. Jika sebuah titik di drag maka disamping titik tersebut terdapat nilai koordinat (x,y) yang selalu berubah sesuai dengan posisi titik dalam bidang kartesius.
2. Dari sumbu x dan y akan dihubungkan garis yang tegak lurus yang akan berubah mengikuti poisisi titik dalam bidang kartesius.
3. Pada perpotongan antara garis penghubung titik dan sumbu x akan diberikan nilai yang menunjukkan nilai x titik tersebut, demikian pula pada perpotongan antara garis penghubung titik dengan sumbu y.

Berikut ilustrasi animasi yang akan kita buat:

 

--> -->

Untuk membuatnya ikuti langkah berikut:

1.      Gantilah nama layer 1 dengan nama “sumbu x” lalu buatlah garis horizontal menggunakan line tools. Seleksi garis tersebut kemudian atur posisinya pada y = 200.

2.      Buat layer baru, ganti nama layer dengan “sumbu y” kemudian buatlah garis vertikal. Seleksi garis tersebut kemudian atur posisinya pada x = 275.

 

-->

3.      Buat layer baru, berilah nama layer dengan nama “titik” kemudian pada Frame 1 buatlah Movie Clip menggunakan ovale tools dan berikan nama “titik” untuk Movie Clip tersebut.

4.      Masuklah pada lembar kerja Movie Clip titik. Buatlah Dynamics Text dengan warna merah dan ukuran font 21 kemudian berikan nama untuk variable dengan nama “teks”. Disamping teks area tersebut berilah huruf P menggunakan static text dengan ukuran font 21 dan warna biru.

 

-->

5.      Keluarlah dari lembar kerja Movie Clip titik. Pada layer “titik”, buatlah Dynamic Text dengan ukuran 14 dan warna hitam. Berikan nama variable dengan x dan instance nama dengan nilai_x. 

  -->

6.      Seleksi Dynamic Text nilai_x, copy, dan paste pada Frame dan layer yang sama. Ubahlah nama variable dengan y dan instance name dengan nilai_y.

7.      Buatlah layer baru dan berikan nama layer ini dengan nama “script”. Seleksi Frame 1 layer “script” kemudian buka lembar kerja Action Frame dan tuliskan script dibawah ini:

// Movie Clip titik menjadi dragable

titik.onPress=function(){

          startDrag("titik",true,30,30,500,350);

}

titik.onRelease=function(){

          stopDrag();

}

// membuat animasi

_root.onEnterFrame=function(){

          nilaix = titik._x-275;

          nilaiy = (titik._y-200)*-1;

          n1=Math.floor(nilaix);

          n2=Math.floor(nilaiy);

          titik.teks= "(" add n1 add "," add n2 add ")";

// membuat garis penghubung titik dengan sumbu x dan sumbu y

          clear();

          lineStyle(1,996600,100);

          moveTo(titik._x,titik._y);

          lineTo(275,titik._y);

          moveTo(titik._x,titik._y);

          lineTo(titik._x,200);

         

     // mengisikan teks area yang berada pada sumbu x dan y

          x=n1;

          y=n2;

          nilai_x._x=titik._x

          nilai_x._y=200;

          nilai_y._x=275;

          nilai_y._y=titik._y;

}

8.      Lakukan Test Movie dengan menekan ctrl+Enter.

-->

Penjelasan Script:

1.      Script yang diawali dengan tanda // berarti memberikan komentar. Tulisan yang berada setelah tanda tersebut tidak akan berpengaruh apapun terhadap program.

2.      startDrag("titik",true,30,30,500,350); perintah ini untuk memberikan batasan wilayah drag dari titik. Ketentuan umum penulisan script ini adalah:

startDrag(“nama Movie Clip”,true,batas kiri, atas, kanan, bawah);

berikut Ilustrasinya:

-->

3.      stopDrag(); yang diawali dengan onRelease berarti drag akan dihentikan ketika mouse dilepaskan.

4.      nilaix = titik._x-275; untuk membuat nilai x=0 berada pada perpotongan sumbu x dan y.

5.      nilaiy = (titik._y-200)*-1; untuk membuat nilai y=0 berada pada perpotongan sumbu y dan x serta membuat nilai y diatas sumbu x menjadi positif.

6.      n1=Math.floor(nilaix); berarti Dynamic Text dengan variable “n1” akan diisi dengan bilangan “nilaix” yang dibulatkan.

7.      n2=Math.floor(nilaiy); berarti n1 merupakan bilangan yang sama dengan “nilaiy” yang dibulatkan.

8.      titik.teks= "(" add n1 add "," add n2 add ")"; berarti n2 merupakan bilangan yang sama dengan “nilaix” yang dibulatkan.

9.      x=n1; berarti Dynamic Text dengan nama variable “x” akan diisi dengan bilangan yang sama dengan n1 dan y=n2; berarti Dynamic Text dengan nama variable “y” akan diisi dengan bilangan yang sama dengan n2.

10.      nilai_x._x=titik._x

nilai_x._y=200;

Script di atas akan membuat Dynamic Text dengan instance nama “nilai_x” akan bergerak horizontal mengikuti posisi titik pada bidang kartesius.

 
Download File FLA