Sebenarnya kami sudah sering membuat score pada sebuah game atau kuis yang dapat anda lihat di Warung Flash ini. Tetapi mungkin ada yang masih kurang jelas bagaimana cara membuatnya. Oleh karena itu melalui tutorial ini kami mencoba untuk menjelaskannya. Untuk membuat score, kita memerlukan sebuah kuis/soal/game. Untuk tutorial di bawah ini kita akan menggunakan soal matematika yang sudah kami buat dan siap untuk anda gunakan. Soal dan cara membuat score di bawah ini hanya contoh saja, cara membuat scorenya mungkin akan berbeda jika anda menggunakan soal yang berbeda ataupun anda menggunakan game/kuis. Tetapi secara garis besar untuk membuat scorenya anda dapat melihatnya pada tutorial kali ini. Apabila ada yang kurang jelas pada tutorial ini silahkan di tanyakan.
1. Download file berikut ini : soal.zip
2. Extract file yang anda download tadi sehingga anda akan mendapatkan soal.fla
3. Jika sudah, klik dua kali soal.fla untuk membukanya di Adobe/Macromedia Flash.
4. Sekarang kita akan memulai membuat scorenya. Pertama yang anda harus lakukan adalah membuat tulisan yang digunakan untuk menampilkan jumlah score yang telah di dapatkan.
5. Caranya, tekan tombol Insert Layer di timeline sehingga akan muncul layer baru bernama Layer 2.
6. Klik kanan frame 2 layer 2 dan pilih Insert Blank Keyframe. Pastikan anda masih di frame 2 Layer 2, buatlah sebuah dynamic text kosong. Letakkan dynamic text ini di stage bagian kiri atas.
7. Pastikan anda masih menyeleksi dynamic text kosong tadi, kemudian tekan Ctrl+F3 untuk memunculkan panel properties. Di panel properties masukkan scoreTampil pada kotak var dan juga mastikan tombol selectable.
8. Klik kanan frame 6 Layer 2 dan pilih Insert Frame.
9. Selanjutnya kita akan membuat tulisan yang digunakan menampilkan score pada akhir permainan dan juga tulisan untuk menampilkan komentar kepada pemain sesuai jumlah scorenya.
10. Klik frame 7 Layer 1 agar anda aktif di frame dan layer tersebut. Buatlah sebuah dynamic text kosong. Seleksi dynamic text ini dan pada panel properties masukkan scoreAkhir di kotak var dan nonaktifkan tombol selectable.
11. Buatlah sebuah dynamic text kosong. Seleksi dynamic text ini dan pada panel properties masukkan komentar di kotak var dan nonaktifkan tombol selectable.
12. Letakkan 2 buah dynamic text kosong ini di tengah tengah stage, dengan dynamic text scoreAkhir di posisi atas dan dynamic text komentar di bagian bawah dynamic text scoreAkhir. Seperti gambar di bawah ini :
13. Berikutnya kita akan memasukkan scriptnya. Pertama kita akan membuat variable yang digunakan untuk menampung score yang anda dapatkan. Kedua kita akan menambahkan script pada masing-masing tombol jawaban benar. Ketiga kita akan memasukkan script untuk menampilkan total score yang di dapatkan. Dan keempat kita akan memasukkan score yang akan digunakan untuk menampilkan score di akhir permainan sekaligus komentarnya.
14. Klik frame 1 Layer 1 dan tekan F9. Pada panel actions yang muncul ubah script yang ada menjadi seperti di bawah ini :
1 2 3 4 5 6 7 8 9 | //menghentikan agar frame berikutnya tidak dimainkan stop(); //membuat variable bernama score dengan nilai 0 score = 0; //ketika tombol main_btn ditekan main_btn.onPress = function() { //mainkan frame berikutnya nextFrame(); }; |
15. Klik frame 2 Layer 1 dan pada panel actions ubah script yang ada menjadi seperti di bawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | //menghentikan agar frame berikutnya tidak dimainkan stop(); //ketika tombola ditekan tombola.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombolb ditekan tombolb.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombolc ditekan tombolc.onPress = function() { //nilai variable score di tambah 1 score += 1; //mainkan frame berikutnya nextFrame(); }; //ketika tombold ditekan tombold.onPress = function() { //mainkan frame berikutnya nextFrame(); }; |
16. Klik frame 3 Layer 1 dan pada panel actions ubah script yang ada menjadi seperti di bawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | //menghentikan agar frame berikutnya tidak dimainkan stop(); //ketika tombola ditekan tombola.onPress = function() { //nilai variable score di tambah 1 score += 1; //mainkan frame berikutnya nextFrame(); }; //ketika tombolb ditekan tombolb.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombolc ditekan tombolc.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombold ditekan tombold.onPress = function() { //mainkan frame berikutnya nextFrame(); }; |
17. Klik frame 4 Layer 1 dan pada panel actions ubah script yang ada menjadi seperti di bawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | //menghentikan agar frame berikutnya tidak dimainkan stop(); //ketika tombola ditekan tombola.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombolb ditekan tombolb.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombolc ditekan tombolc.onPress = function() { //nilai variable score di tambah 1 score += 1; //mainkan frame berikutnya nextFrame(); }; //ketika tombold ditekan tombold.onPress = function() { //mainkan frame berikutnya nextFrame(); }; |
18. Klik frame 5 Layer 1 dan pada panel actions ubah script yang ada menjadi seperti di bawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | //menghentikan agar frame berikutnya tidak dimainkan stop(); //ketika tombola ditekan tombola.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombolb ditekan tombolb.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombolc ditekan tombolc.onPress = function() { //nilai variable score di tambah 1 score += 1; //mainkan frame berikutnya nextFrame(); }; //ketika tombold ditekan tombold.onPress = function() { //mainkan frame berikutnya nextFrame(); }; |
19. Klik frame 6 Layer 1 dan pada panel actions ubah script yang ada menjadi seperti di bawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | //menghentikan agar frame berikutnya tidak dimainkan stop(); //ketika tombola ditekan tombola.onPress = function() { //nilai variable score di tambah 1 score += 1; //mainkan frame berikutnya nextFrame(); }; //ketika tombolb ditekan tombolb.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombolc ditekan tombolc.onPress = function() { //mainkan frame berikutnya nextFrame(); }; //ketika tombold ditekan tombold.onPress = function() { //mainkan frame berikutnya nextFrame(); }; |
20. Klik frame 2 Layer 2 dan pada panel actions masukkan script di bawah ini :
1 2 3 4 5 | //perintah yang dijalankan ketika frame ini dimainkan onEnterFrame = function () { //tampilkan tulisan Score :+nilai variable score pada dynamic text dengan var scoreTampil scoreTampil = "Score : "+score; }; |
21. Klik frame 7 Layer 1 dan pada panel actions masukkan script di bawah ini :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | //menghentikan agar frame berikutnya tidak dimainkan stop(); //tampilkan tulisan Score : +nilai variable score pada dynamic text dengan var scoreAkhir scoreAkhir = "Score : "+score; //jika nilai variable score lebih dari atau sama dengan 4 if (score>=4) { //tampilkan tulisan Pertahankan Prestasimu pada dynamic text dengan var komentar komentar = "Pertahankan Prestasimu"; } //jika nilai variable score lebih dari atau sama dengan 4 if (score<=3) { //tampilkan tulisan Anda Harus banyak Belajar pada dynamic text dengan var komentar komentar = "Anda Harus banyak Belajar"; } //ketika tombol ulang_btn ditekan ulang_btn.onPress = function() { //mainkan frame 1 gotoAndStop(1); }; |
22. Tekan Ctrl+Enter untuk melihat hasilnya.
Sourcenya dapat di download di sini
/thanks2...
March 3rd, 2010 at 13:43
pak admin mo tanya:
klo mo ambil teks dari luar swf kayak mn ya pak? misal dari notepad gt.
saya dah pernah liat di warngflash tutorialnya. tp sourcenya gk ada file txt nya jadi binun.
script yang om tulis kayak gn:
data_saya = new LoadVars();
data_saya.load(“kalimat.txt”);
data_saya.onLoad = function() {
teks_tampil = data_saya.tanya;
};
nah yang file txtnya tuh bernama “kalimat.txt” gt bukan om. n di awal isi teksnya di kasih “text= isi teks”. gt bukan om? mohon penjelasan
matur tengkyu
March 4th, 2010 at 05:35
Maaf
Sekarang sourcenya sudah kami betulkan, silahkan download ulang dan terima kasih atas pemberitahuannya.
March 4th, 2010 at 09:13
tq pak admin sy dah bisa hehehe
moga warungflash makin jaya….aye!!
oh iya pak, misal teksnya itu banyak nih alias berparagraf2 gt, nah bisa gk misal kita loadVars nih, trus ada scroll yang bisa nurunin teks tersebut. ntu gmn ya pak?
tq
March 6th, 2010 at 06:22
Maaf, kalau yang seperti itu kami belum bisa
March 20th, 2010 at 19:56
mav om mw tanya ni… kan saya lagi bikin penulisan akhir nah saya bikin aplikasi pengenalan hewan untuk anak tk dan ada kuisnya tapi dosen saya minta ada nama user dan jumlah score kuisnya bisa ditampilkan sbagai list score yang akan terus meng update sebanyak user yg memakai dan akan berurutan sesaui scorenya…tolong dibantu
March 20th, 2010 at 20:00
oya om da tambahan menyimpan scorenya dengan mengkoneksikan ke database…mohon dibantu
March 21st, 2010 at 16:24
Maaf kami tidak mempelajari database, sehingga tidak tahu cara menyimpan score dengan mengkoneksikan ke database.
March 29th, 2010 at 15:17
Mas admin. Untuk flash bisa simpan identitas para pemain apa tidak. misal siswa jawab soal trus nilai di simpan… kalo bisa dibuat top skor dan tampil untuk jenis soal tapi soal dibuat acak. makasih yah
August 22nd, 2010 at 08:01
om bagaimana cara untuk mengubah pertanyaan nya setelah dirubah nilai nya tetap 0 gimana tuch mas
August 22nd, 2010 at 10:29
Lumayan dapat tambahan ilmu…
August 25th, 2010 at 18:37
wahh…sangat membantu neh..makaci byk y… klw ada fitur2 baru ksh tw y..please…^^
August 26th, 2010 at 17:34
Sama-sama
August 30th, 2010 at 16:57
om saya punya masalah ne, kalo buat random terbatas bagaimana,, saya punya 100 soal tapi yang mau saya tampilin 10 dan pake skor?
mohon bimbingannya?
August 31st, 2010 at 15:34
Coba baca tutorial ini, mungkin akan membantu :
http://warungflash.com/2009/07/soal-pilihan-ganda-3/
September 30th, 2010 at 09:38
kalo mau save score di excel gimana? .. thanks .. 8->
March 19th, 2011 at 03:10
terima kasih tutorialnya bermanfaat sekali
March 24th, 2011 at 14:54
pak admin bisa g’ gabung flash dgn 3d max atw adobe ilustrator, lo bisa gmana cr ‘y?trz cara masukin gambar hasil 3d max ke flash?thank
March 24th, 2011 at 18:01
wah situsnya kok gak pernah diupdate
padahal cukup baguz lho
March 27th, 2011 at 20:22
mas admin kalo membuat score pake As 3 gimana ya…makasih
October 28th, 2011 at 18:25
bang admin mohon bantuanya buat score game mewarnai gimana?
misalnya gunung diberi warna biru…trus keluar score/nilai =10, kalau tidak diwarnai biru tidak keluar score………….
mohon dibantu ya… pusing nih,hehehe
October 29th, 2011 at 12:58
script mewarnainya anda pakai yang seperti apa ya?
January 9th, 2012 at 10:53
om saya juga memiliki masalah game mewarnai
scripnya ini
scrip untuk warna merah////
tombol1.onRelease=function(){
nilai_warna=”0xFF0000″;
warnaku.setRGB(0xFF0000);
kerudung = true;
}
target////
mg.g5.onRelease=function(){
warna= new Color(this);
warna.setRGB(nilai_warna);
this.enabled=false;
if(kerudung) {
_root.score +=3;
}
else {
_root.score +=1;}
}
ini terkadang kalau saya klik warna selain warna merah,saya akan mewarnai kerudung,nah itu terkadang skornya 3 padahal saya cuma ngasih nilai 3 pada warna merah?
tolong ya om…ini buat ujian
http://warungflash.com/wp-includes/images/smilies/yahoo_nailbiting.gif