Anda di halaman 1dari 6

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 //menghentikan agar frame berikutnya tidak dimainkan


2 stop();
3 //membuat variable bernama score dengan nilai 0
4 score = 0;
5 //ketika tombol main_btn ditekan
6 main_btn.onPress = function() {
7 //mainkan frame berikutnya
8 nextFrame();
9 };

15. Klik frame 2 Layer 1 dan pada panel actions ubah script yang ada
menjadi seperti di bawah ini :

1 //menghentikan agar frame berikutnya tidak dimainkan


2 stop();
3 //ketika tombola ditekan
4 tombola.onPress = function() {
5 //mainkan frame berikutnya
6 nextFrame();
7 };
8 //ketika tombolb ditekan
9 tombolb.onPress = function() {
10 //mainkan frame berikutnya
11 nextFrame();
12 };
13 //ketika tombolc ditekan
14 tombolc.onPress = function() {
15 //nilai variable score di tambah 1
16 score += 1;
17 //mainkan frame berikutnya
18 nextFrame();
19 };
20 //ketika tombold ditekan
21 tombold.onPress = function() {
22 //mainkan frame berikutnya
23 nextFrame();
24 };

16. Klik frame 3 Layer 1 dan pada panel actions ubah script yang ada
menjadi seperti di bawah ini :

1 //menghentikan agar frame berikutnya tidak dimainkan


2 stop();
3 //ketika tombola ditekan
4 tombola.onPress = function() {
5 //nilai variable score di tambah 1
6 score += 1;
7 //mainkan frame berikutnya
8 nextFrame();
9 };
10 //ketika tombolb ditekan
11 tombolb.onPress = function() {
12 //mainkan frame berikutnya
13 nextFrame();
14 };
15 //ketika tombolc ditekan
16 tombolc.onPress = function() {
17 //mainkan frame berikutnya
18 nextFrame();
19 };
20 //ketika tombold ditekan
21 tombold.onPress = function() {
22 //mainkan frame berikutnya
23 nextFrame();
24 };

17. Klik frame 4 Layer 1 dan pada panel actions ubah script yang ada
menjadi seperti di bawah ini :

1 //menghentikan agar frame berikutnya tidak dimainkan


2 stop();
3 //ketika tombola ditekan
4 tombola.onPress = function() {
5 //mainkan frame berikutnya
6 nextFrame();
7 };
8 //ketika tombolb ditekan
9 tombolb.onPress = function() {
10 //mainkan frame berikutnya
11 nextFrame();
12 };
13 //ketika tombolc ditekan
14 tombolc.onPress = function() {
15 //nilai variable score di tambah 1
16 score += 1;
17 //mainkan frame berikutnya
18 nextFrame();
19 };
20 //ketika tombold ditekan
21 tombold.onPress = function() {
22 //mainkan frame berikutnya
23 nextFrame();
24 };

18. Klik frame 5 Layer 1 dan pada panel actions ubah script yang ada
menjadi seperti di bawah ini :

1 //menghentikan agar frame berikutnya tidak dimainkan


2 stop();
3 //ketika tombola ditekan
4 tombola.onPress = function() {
5 //mainkan frame berikutnya
6 nextFrame();
7 };
8 //ketika tombolb ditekan
9 tombolb.onPress = function() {
10 //mainkan frame berikutnya
11 nextFrame();
12 };
13 //ketika tombolc ditekan
14 tombolc.onPress = function() {
15 //nilai variable score di tambah 1
16 score += 1;
17 //mainkan frame berikutnya
18 nextFrame();
19 };
20 //ketika tombold ditekan
21 tombold.onPress = function() {
22 //mainkan frame berikutnya
23 nextFrame();
24 };

19. Klik frame 6 Layer 1 dan pada panel actions ubah script yang ada
menjadi seperti di bawah ini :

1 //menghentikan agar frame berikutnya tidak dimainkan


2 stop();
3 //ketika tombola ditekan
4 tombola.onPress = function() {
5 //nilai variable score di tambah 1
6 score += 1;
7 //mainkan frame berikutnya
8 nextFrame();
9 };
10 //ketika tombolb ditekan
11 tombolb.onPress = function() {
12 //mainkan frame berikutnya
13 nextFrame();
14 };
15 //ketika tombolc ditekan
16 tombolc.onPress = function() {
17 //mainkan frame berikutnya
18 nextFrame();
19 };
20 //ketika tombold ditekan
21 tombold.onPress = function() {
22 //mainkan frame berikutnya
23 nextFrame();
24 };

20. Klik frame 2 Layer 2 dan pada panel actions masukkan script di bawah ini
:

//perintah yang dijalankan ketika frame ini dimainkan


1
onEnterFrame = function () {
2
//tampilkan tulisan Score :+nilai variable score pada dynamic text dengan var
3
scoreTampil
4
scoreTampil = "Score : "+score;
5
};

21. Klik frame 7 Layer 1 dan pada panel actions masukkan script di bawah ini
:

1 //menghentikan agar frame berikutnya tidak dimainkan


2 stop();
//tampilkan tulisan Score : +nilai variable score pada dynamic text dengan var
scoreAkhir
3
scoreAkhir = "Score : "+score;
4
//jika nilai variable score lebih dari atau sama dengan 4
5
if (score>=4) {
6
//tampilkan tulisan Pertahankan Prestasimu pada dynamic text dengan var
7
komentar
8
komentar = "Pertahankan Prestasimu";
9
}
10
//jika nilai variable score lebih dari atau sama dengan 4
11
if (score<=3) {
12
//tampilkan tulisan Anda Harus banyak Belajar pada dynamic text dengan var
13
komentar
14
komentar = "Anda Harus banyak Belajar";
15
}
16
//ketika tombol ulang_btn ditekan
17
ulang_btn.onPress = function() {
18
//mainkan frame 1
19
gotoAndStop(1);
};

22. Tekan Ctrl+Enter untuk melihat hasilnya.

Anda mungkin juga menyukai