k lik terlebih dahulu di area game. jalankan pake keyboard! kanan, atas, kiri……… selamat bermain….. DONWLOAD!

Untuk melihat aplikasi tersebut lihat disini.

Bagi anda yang menginginkan aplikasi tersebut, atau file project flash (.fla) silahkan hubungi kami.

Menu diatas bisa dilihat di http://www.muhammadiyahkabtegal.com

Pada rangkaian seri, jika saklar dimatikan maka jalur itu akan terputus dan lampu yang berada pada jalur itu akan mati. Berikut ilustrasi animasinya:

Posisi kedua saklar harus dalam keadaan ON agar kedua lampu menyala. Berikut prosedur untuk membuatnya:

Membuat Animasi Saklar :

1. Buatlah Movie Clip berupa gambar kotak, masuklah kedalam lembar kerja Movie Clip.
2. Pada lembar kerja Movie Clip buatlah empat layer:

-          Layer pertama untuk background saklar.

-          Layer kedua untuk gambar saklar.

Pada Frame 1 buatlah gambar berikut:

Pada Frame 2 buatlah gambar berikut:

-          Layer ketiga untuk menuliskan scrip dan efek suara.

Pada Frame 1 tuliskan script berikut:

i=0;

stop();

kemudian masukkan efek suara dari windows >> common libraries >> sounds.

Pada Frame 2 tuliskan script berikut:

i=0;

stop();

kemudian masukkan efek suara dari windows >> common libraries >> sounds.

-          Layer keempat untuk membuat tombol:

Pada Frame 1 buatlah dua buah tombol berupa kotak transparan dengan cara menggambar terlebih dahulu bentuk kotak, hilangkan garis tepinya, kemudian nilai transparansi Fill-nya dirubah menjadi 0%. Setelah menjadi transparan, convert menjadi Button.

Letakkan tombol tersebut pada posisi atas saklar dan bawah saklar.

Desain layer pada Movie Clip saklar secara keseluruhan akan tampak seperti berikut:

Keluarlah dari lembar kerja Movie Clip saklar dan lakukan Test Movie.

Membuat Movie Clip Lampu:

1. Pada lembar kerja utama, buatlah Movie Clip dengan nama “lampu”.
2. Masuk pada lembar kerja Movie Clip lampu dan buatlah layer baru dengan nama “nyala”. Kosongkan frame 1, pada frame 2 isilah dengan gambar nyala lampu menggunakan ovale tools. Berilah warna gradasi (warna dalam kuning, warna luar alpha 0%).

1. Pada frame 1 layer lampu isikan dengan script berikut:

stop();

Membuat Rangkaian

1. Copy Movie Clip Saklar menjadi dua buah. Berilah Instance Name masing-masing saklar1 dan saklar2.
2. Copy Movie Clip lampu menjadi dua buah, berilah Instance Name masing-masing lampu1 dan lampu2.
3. Susun rangkaian sehingga menjadi seperti berikut ini:

Pada lembar kerja utama, buatlah layer baru untuk mengisikan script. Pada frame 1 isikan script berikut:

_root.onEnterFrame=function(){

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

_root.lampu1.gotoAndStop(2);

_root.lampu2.gotoAndStop(2);

}

else{

_root.lampu1.gotoAndStop(1);

_root.lampu2.gotoAndStop(1);

}

}

Script diatas memakai logika DAN sehingga perintah:

_root.lampu1.gotoAndStop(2);

_root.lampu2.gotoAndStop(2);

Akan dijalankan jika kedua syarat yang diberikan terpenuhi yaitu kedua saklar harus dalam keadaan ON (bernilai i = 1).

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.

Klik dobel pada lingkaran dan buat animasi menggunakan shape motion sehingga mirip gerakan amoeba. Caranya, modifikasi lingkaran menggunakan Arrow Tool sehingga tampilan menjadi:

Agar animasi terlihat halus, lakukan copy frame pada frame 1dengan cara klik kanan lalu pilih copy frame. Paste pada frame 15 seperti pada tampilan di atas.

Keluarlah dari lembar kerja movie klip kemudian seleksi movie klip yang sudah dibuat. Berilah script berikut pada movie clip amoeba.

onClipEvent(enterFrame){

this._x+= -5+random(10);

this._y+= -5+random(10);

if (this._x > 550){

this._x = 0;

}

if (this._x < 0){

this._x = 550;

}

if (this._y > 400){

this._y = 0;

}

if (this._y < 0){

this._y = 400;

}

}

Penjelasan Script:

1. -5+random(10); akan mengacak bilangan dari -5 sampai 5.
2. this._x+= -5+random(10); berarti nilai x untuk movie klip akan selalu bertambah sesuai dengan bilangan dari -5 sampai 5.
3. Keempat perintah if diatas akan membatasi nilai x amuba antara 0 – 550 dan nilai y amuba antara 0 – 400. Hal ini menyebabkan gerakan amuba akan selalu berada pada koordinat yang sudah dibatasi.

Seleksi gambar balon itu lalu buka kotak dialog action. Isilah script seperti berikut:

script

Penjelasan script:

1. _y -= 5; menyebabkan nilai koordinat y untuk balon akan selalu berkurang 5 pixel sehingga balon bergerak ke atas.

if (_y<0) {

_y = 450;

}

Script diatas berarti jika nilai koordinat y untuk balon kurang dari nol maka nilai koordinat y balon akan dirubah menjadi 450 sehingga balon akan kembali muncul dari posisi y = 450 (dibawah) setelah balon berada pada posisi kurang dari nol (diatas).