2D Animation

M ATA K U L I A H M K V K R A M AT 2 0 2 0

Membuat Kuis Sederhana

T U T O R : M . A FA N D I | 0 8 7 7 5 8 9 7 7 6 4 0 | A f a n d i _ Va n d e s i g n
 Pada Mata Kuliah Animasi 2D kali ini kita akan membahas
& mempelajari tentang cara membuat sebuah kuis -
sederhana dengan menggunakan software Adobe Flash.
Di balik indahnya layar kuis ataupun game yang sering kita temui, tak bisa dielakkan ternyata
ada peran programmer yang mengatur codingnya sehingga suatu permainan atau kuis dapat
berjalan dengan baik. Untuk menjadi Multimedia Designer kelak, tak cukup rasanya kita
hanya menguasai cara membuat & mengolah desainnya saja. Namun kita juga dituntut
untuk dapat mengolah coding minimal yaitu sedikit menguasai action script 2. Contohnya
yaitu untuk membuat kuis sederhana sebagaimana yang akan kita pelajari bersama ini
misalnya.

Ada banyak permainan yang dapat kita buat menggunakan Adobe Flash, namun game kuis yang biasanya lebih
banyak kita temui di lapangan, yuk kita simak dan pelajari bersama bagaimana langkah demi langkahnya.
Pertama yaitu, buatlah file new
pada Adobe Flash, lalu pilihlah
ActionScript 2

Pada properties, atur ukuran stage

sebesar 550x400 pixel,
sebagaimana ukuran defaultnya.

Pada Timeline, buatlah beberapa layer, lalu

berikan nama pada masing-masing layer
agar memudahkan kita dalam proses
pengerjaannya nanti.
Kemudian, pada frame pertama,
buatlah layout seperti gambar di
samping ini, sesuaikan
penempatan masing-masing
objek pada layer yang telah kita
buat sebelumnya.
Pada properties, atur semua tulisan
menjadi static text.
Khusus kotak putih, atur menjadi
input text dan berikan nama pada
variable.
Lalu pada properties tombol mulai,
berikan nama startbutton.
 Pada frame pertama, berikanlah script pada
layer script seperti berikut:
stop();
score = 0;
startbutton.onPress = function() {
nextFrame();
};
stop fungsinya agar ketika frame dikunjungi ia akan berhenti pada frame tersebut,
score fungsinya agar dapat mengumpulkan berapa skor yang diperoleh oleh peserta kuis.
startbutton.onpress... fungsinya agar tombol mulai yang kita buat tadi apabila diklik akan pindah ke frame
berikutnya.

Pada frame 2,3,4,5,6 buatlah

beberapa soal bebas, boleh soal
tentang berhitung atau soal
tentang pengetahuan alam, dll,
dengan layout desain seperti ini
misalnya:
 Pada frame ke 2,3,4,5,6 berikanlah script pada layer
script seperti berikut:
stop();
onEnterFrame = function () { skor = +score;};
button_a.onPress = function() {
nextFrame();
};
button_b.onPress = function() {
score += 20;
nextFrame();
};
button_c.onPress = function() {
nextFrame();
};
button_d.onPress = function() {
nextFrame();
};

onEnterFrame fungsinya agar ketika memasuki frame, akan terjadi seperti berikut:
score= +score fungsinya agar apabila user benar menjawab soal, skor akan bertambah.
button_a.onPress... fungsinya apabila user mengklik salah satu tombol pilihan jawaban maka akan langsung pindah ke
frame berikutnya, begitupula pada script button b,c dan d. Bedanya yaitu hanya untuk tombol dengan pilihan yang
benar berikan skor 20 dengan script score += 20;
 Pada Frame terakhir buatlah desain seperti ini
Kotak dengan garis putus-putus yaitu tulisan yang
akan muncul sesuai sebagaimana yang user
isikan sebelumnya, pada properties atur sebagai
dynamic text, adapun yang atas atur variablenya
menjadi nama, yang tengah sebagai skor, yang
bawah sebagai keterangan.

Pada tombol ulangi, berikan

nama restart_button
pada propertiesnya.

Pada Layer script, aturlah scriptnya seperti ini, yang artinya yaitu apabila
user berhasil memperoleh skor lebih dari 80, maka sebagai
keterangannya akan muncul tulisan:
“Bagus! Pertahankan Prestasi! “
Namun apabila user hanya memperoleh skor kurang dari 60 maka sebagai
keterangannya akan muncul tulisan:
“Anda belum lulus. Belajar lagi dong ah ya!”
restart_button fungsinya yaitu apabila tombol ulangi diklik maka akan
kembali ke frame 1 agar user dapat mencoba & mengulangi kembali
sehingga mendapatkan perolehan skor yang lebih baik lagi.
 Bagaimana? Mudahkan ya? Nah sekarang,
yuk silahkan dipraktekkan, buatlah soal kuis
bertema bebas, dengan cara yang telah kita
pelajari tadi

S E M O G A B E R H A S I L & S E M A N G AT M E N G E R J A K A N !