July 24, 2024

Tebak Wajah Dosen PalComTech Dengan Menggunakan Macromedia Flash

1 min read

Salam ceria, berikut ini adalah salah satu contoh implementasi penggunaan action script pada macromedia flash. Semoga game sederhana ini bisa membuat PalComSter mengenal wajah-wajah dosen yang ada di PalComTech (maaf ya ini baru sebagian wajah dosennya). Oke.. selamat mencoba dan selamat berkreasi :).

Langkah 1

Buatlah sebuah flash document, buatlah sebuah static text bertuliskan Tebak Wajah Dosen Palcomtech, kemudian buatlah sebuah static text bertuliskan Mulai.

Langkah 2

Seleksi static text bertuliskan Mulai dan persegi panjang kemudian tekan F8. Pada panel yang muncul masukkan mulai_btn sebagai name dan button sebagai type lalu tekan ok.

Langkah 3

Letakkan seluruh objek di frame 1 seperti gambar di bawah ini :

Tebak1

Langkah 4

Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

[sourcecode]
stop();

benar = 0;

salah = 0;

total_frame = 11;

array_frame = [];

for (i=2; i<=total_frame; i++) {

array_frame.push(i);

}

array_frame.sort(function () {

return random(2) ? 1 : -1;

});
jumlah_frame = array_frame.length;

[/sourcecode]

Langkah 5

Klik kanan frame 2 dan pilih Insert Blank Keyframe. Pada frame 2 buatlah sebuah static text yang berfungsi sebagai soal dengan bertuliskan nama-nama dosen yang dijadikan soal. Buatlah atau import 3 buah gambar (wajah-wajah dosen) di stage yang berfungsi sebagai jawaban :

Tebak2

Langkah 6

Buatlah sebuah invsible button. Seleksi invisible button di stage dan tekan Ctrl+D sebanyak 2 kali sehingga terdapat 3 buah invisible button di stage. Tempatkan dan atur letak ke-empat invisible button tersebut sehingga menutupi masing masing gambar yang berfungsi sebagai jawaban tadi. Atur letak seluruh objek di stage pada frame 2 seperti gambar di bawah ini :

Tebak3

Langkah 7

Klik frame 2 dan masukkan script berikut pada panel actions :

[sourcecode]</p>
<p style="text-align: justify;">stop();</p>
<p style="text-align: justify;">[/sourcecode]

Langkah 8

Klik kanan frame 2 dan tekan Copy Frames. Klik kanan frame 3 dan tekan Paste Frames. Klik kanan frame 4 dan tekan paste Frame. Lakukan hal yang sama sampai frame 11. Sehingga dari frame 2 sampai frame 10 berisi copyan dari frame 2.

Ubah soal dan jawaban sesuai keinginan anda.

Masukkan script berikut pada seluruh invisible button yang memiliki jawaban benar :

[sourcecode]

on (release) {

benar += 1;

if (jumlah_frame>=0) {

jumlah_frame–;

gotoAndStop(array_frame[jumlah_frame]);

}

if (jumlah_frame<0) {

gotoAndStop(12);

}
}[/sourcecode]

Langkah 9

Masukkan script berikut pada seluruh invisible button yang memiliki jawaban salah :

[sourcecode]</pre>
on (release) {

salah += 1;

if (jumlah_frame>=0) {

jumlah_frame–;

gotoAndStop(array_frame[jumlah_frame]);

}

if (jumlah_frame<0) {

gotoAndStop(12);

}

}
[/sourcecode]

Langkah 10

Klik kanan frame 12 dan pilih Insert Blank Keyframe.
Pada stage di frame 12 buatlah 2 buah static text bertuliskan Benar : dan Salah : Buatlah 2 buah dynamic text. Tekan Ctrl+F3 untuk memunculkan panel properties. Seleksi salah satu dynamic text tersebut dan masukkan benar_tampil dalam kotak Var. Seleksi dynamic text yang satunya lagi dan masukkan salah_tampil dalam kotak Var.

Tebak4

Langkah 10

Buatlah sebuah persegi panjang dengan panjang dan lebar sama dengan static text bertuliskan Main Lagi. Seleksi static text bertuliskan Main Lagi dan persegi panjang kemudian tekan F8. Pada panel yang muncul masukkan  mainlagi_btn sebagai name dan button sebagai type lalu tekan ok.

Klik frame 12 dan masukkan script berikut pada panel actions :

[sourcecode]
stop();

benar_tampil = benar;
salah_tampil = salah;[/sourcecode]

Langkah 11

Seleksi button main_btn di frame 1 dan masukkan script berikut pada panel actions :

[sourcecode]
<span style="font-family: Georgia, ‘Times New Roman’, ‘Bitstream Charter’, Times, serif; font-size: 13px; line-height: 19px; white-space: normal;">on (release) {</span></pre>
jumlah_frame–;

gotoAndStop(array_frame[jumlah_frame]);
<pre>}

[/sourcecode]

Langkah 12

Seleksi button mainlagi_btn di frame 12 dan masukkan script berikut pada panel actions :

[sourcecode]</p>
on (release) {

_root.jumlahFrame = 11;

_root.jumpFrame = [];

gotoAndStop(1);
<p style="text-align: justify;">}</p>
<p style="text-align: justify;">[/sourcecode]

Langkah 13

Untuk melihat hasilnya : Tekan Ctrl+Enter

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.