aiklah, di hari yang terlalu
cerah ini ( Panas ) PutuBlog18 akan memposting tentang cara membuat Game dari
Flash. Walaupun sederhana, tapi lumayan bagus kok.
Software yang saya gunakan adalah Macromedia Flash. kalau Adobe Flash belum pernah nyoba :) , Untuk contohnya bisa lihat Disini
Baiklah,, Langsung ke tutorial saja yaa..
1. Buka Macromedia Flash Anda, dan buat document baru.
2. Buat tulisan "QUIZ PUTUBLOG18" Lalu buat sebuah Persegi, Ukuran Bebas.
Software yang saya gunakan adalah Macromedia Flash. kalau Adobe Flash belum pernah nyoba :) , Untuk contohnya bisa lihat Disini
Baiklah,, Langsung ke tutorial saja yaa..
1. Buka Macromedia Flash Anda, dan buat document baru.
2. Buat tulisan "QUIZ PUTUBLOG18" Lalu buat sebuah Persegi, Ukuran Bebas.
3. Buat Dynamic Text ( ada di
bagian bawah sebelah kiri ), Tulis angka "00"
Tulis di Variablenya "angka_1"
4. Copy dynamic Text yang tadi, Lalu paste, dan ubah Variablenya menjadi "angka_2"
5. Buat 2 Static Text, tulis tanda "+" dan "=" .
6. Buat persegi kecil, dan Buat lagi input text diatas persegi tersebut. Tulis angka "00"
dan ubah Variablenya Menjadi "jawab" dan ubah Instance Name menjadi
"answerBox"
Tulis di Variablenya "angka_1"
4. Copy dynamic Text yang tadi, Lalu paste, dan ubah Variablenya menjadi "angka_2"
5. Buat 2 Static Text, tulis tanda "+" dan "=" .
6. Buat persegi kecil, dan Buat lagi input text diatas persegi tersebut. Tulis angka "00"
dan ubah Variablenya Menjadi "jawab" dan ubah Instance Name menjadi
"answerBox"
7. buat 2 buah tombol di
bawah kotak merah masing-masing dengan nama tombol
random dan tombol check. Lalu Convert masing-masing menjadi button dengan
menekan "F8" lalu pilih "button"
8. Sekarang kita buat Apa tindakannya jika jawaban benar atau salah..
pertama, buat Tulisan "Selamat Jawaban Anda Benar" dari Static Text di Bawah
pertanyaan berikut. atau Bebas terserah anda. Lalu jadikan tulisan sebagai movie clip
dengan menekan"F8" lalu pilih movie clip. Ubah Instance Name menjadi
"true_answer".
9. Masuk ke dalam Movie Clip anda dengan menekan tulisan tersebut 2 kali. Klik frame 1,
tahan dan geser ke frame 2, sehingga tidak ada objek di frame 1, lalu klik frame 10,
klik kanan dan pilih insert keyframe. kembali ke frame 1 tekan tombol F9 dan
masukkan kode berikut:
random dan tombol check. Lalu Convert masing-masing menjadi button dengan
menekan "F8" lalu pilih "button"
8. Sekarang kita buat Apa tindakannya jika jawaban benar atau salah..
pertama, buat Tulisan "Selamat Jawaban Anda Benar" dari Static Text di Bawah
pertanyaan berikut. atau Bebas terserah anda. Lalu jadikan tulisan sebagai movie clip
dengan menekan"F8" lalu pilih movie clip. Ubah Instance Name menjadi
"true_answer".
9. Masuk ke dalam Movie Clip anda dengan menekan tulisan tersebut 2 kali. Klik frame 1,
tahan dan geser ke frame 2, sehingga tidak ada objek di frame 1, lalu klik frame 10,
klik kanan dan pilih insert keyframe. kembali ke frame 1 tekan tombol F9 dan
masukkan kode berikut:
stop();
10. Buat lagi Static Text bertulisan "Jawaban Anda Salah, Coba Lagi" , Lalu Lakukan hal yang sama seperti nomor 8 dan 9. Tetapi ubah Instance Name menjadi "wrong_answer".
11. Kembali ke Stage utama / Layer Utama. Klik Frame 1, Lalu copy code Berikut ini.
problem();
function problem() {
var _loc1 = 2+random(8);
var _loc2 = 2+random(8);
angka_1 = Math.floor(_loc1);
angka_2 = Math.floor(_loc2);
jawab = "";
Selection.setFocus(_root.answerBox);
stage.focus = _root.answerBox;
_root.answerBox.setSelection(0, 1);
}
function check_answer() {
if (angka_1+angka_2 == jawab) {
true_answer.play();
problem();
} else {
wrong_answer.play();
Selection.setFocus(_root.answerBox);
}
}
function problem() {
var _loc1 = 2+random(8);
var _loc2 = 2+random(8);
angka_1 = Math.floor(_loc1);
angka_2 = Math.floor(_loc2);
jawab = "";
Selection.setFocus(_root.answerBox);
stage.focus = _root.answerBox;
_root.answerBox.setSelection(0, 1);
}
function check_answer() {
if (angka_1+angka_2 == jawab) {
true_answer.play();
problem();
} else {
wrong_answer.play();
Selection.setFocus(_root.answerBox);
}
}
12. Klik tombol "Random" lalu masukkan kode
berikut ini
on
(press) {
problem();
}
problem();
}
13. Klik tombol "Check" lalu masukkan kode berikut
ini
on (press)
{
check_answer();
}
check_answer();
}
Selamat, Flash anda sudah berhasil diBuat.
Jika ada yang kurang jelas, bisa ditanyakan ya. :)
Tidak ada komentar:
Posting Komentar