Hay GAES !!!
Pada postingan pertama ini saya akan mencoba membagikan
cara MEMBUAT GAME AVOID CAR DENGAN MACROMEDIA FLASH 8. Yuk kita ikuti
tutorialnya…
Di game yang akan kita buat ini kita akan mengendalikan dan
mengarahkan mobil pemain untuk menghindari mobil bom selama mungkin. Cara
bermainnya sangat mudah kita hanya tinggal menggerakkan mouse saja untuk
mengendalikan mobil tersebut agar dapat terhindar dari mobil bom.
1. Buatlah
sebuah flash document, ganti size stage dengan panjang 300px serta lebar 400px
dan juga 12fps sebagai frame rate.
2. Buatlah
3 buah layer dan berikan nama pada masing-masing layer : LABEL, SCRIPT, GAME.
3. Blok
frame 7 pada semua layer (LABEL, SCRIPT, GAME) dengan mengklik kanan >
Insert Blank Keyframe.
4. Blok
frame 13 pada semua layer (LABEL, SCRIPT, GAME) dengan mengklik kanan >
Insert Blank Keyframe.
5. Blok
frame 20 pada semua layer (LABEL, SCRIPT, GAME) dengan mengklik kanan >
Insert Frame.
6. Ganti
variable frame 1 pada layer LABEL dengan menu.
7. Ganti
variable frame 7 pada layer LABEL dengan game.
8. Ganti
variable frame 13 pada layer LABEL dengan game over.
9. Klik
frame 1 pada layer GAME kemudian buatlah background sebuah persegi panjang dengan panjang dan lebar yang sama dengan stage. Berikan warna hitam dan putih
menyerupai jalan :D. Copy background
tersebut dan paste-kan di frame 7 dan 13 pada layer GAME.
10. Klik
frame 1 pada layer GAME kemudian buatlah sebuah static text dengan tulisan PLAY
NOW. Gambarlah sebuah persegi panjang berwarna biru dengan luas sama dengan
luas text. Tempatkan persegi panjang tersebut di tengah-tengah kalimat PLAY NOW.
Seleksi text dan persegi panjang lalu tekan F8. Pada kotak dialog yang muncul
masukan main_btn sebagai Name dan Button sebagai Type lalu tekan OK.
11. Seleksi
main_btn lalu tekan F9. Pada kotak actions yang muncul berikan script berikut :
1
2
3
4
|
on (release) {
//mainkan frame berlabel game
_root.gotoAndPlay("game");
}
|
12. Double
klik main_btn untuk masuk ke dalam stage button tersebut. Klik kanan frame Over
dan pilih Insert Keyframe. Ubah warna huruf PLAY NOW di frame Over menjadi
lebih muda.
13. Klik
kanan frame Down dan pilih Insert Keyframe. Ubah warna huruf main di frame Down
menjadi lebih tua. Lalu tekan Ctrl+E untuk kembali ke stage scene 1.
14. Buatlah
2 buah static text dengan masing-masing diberi text AVOID CAR GAME dan PETUNJUK
:: Hindari mobil yang datang dengan menggerakan mouse.
15. Buatlah
variasi gambar seperti di bawah ini :
16. Atur
objek-objek di frame 1 layer GAME seperti di bawah ini :
17. Klik
frame 7 layer GAME kemudian masukkan gambar sebagai mobil pemain, seperti di
bawah ini :
18. Seleksi
gambar tersebut lalu tekan F8. Pada kotak dialog yang muncul masukan pemain
sebagai Name dan Movie clip sebagai Type lalu tekan OK.
19. Klik
Movie clip pemain dan tekan Ctrl+F3. Pada panel properties yang muncul berikan
pemain sebagai Instance name.
20. Masukkan
gambar sebagai mobil bom, seperti di bawah ini :
21. Seleksi
gambar tersebut dan tekan F8. Pada kotak dialog yang muncul masukan bom sebagai
Name dan Movie clip sebagai Type lalu tekan OK.
22. Hapus
movie clip bom di stage kemudian bukalah panel Library dengan menekan Ctrl+L.
Klik kanan movie clip bom di kotak Library dan pilih Linkage.
23. Pada
kotak dialog Linkage Properties yang muncul berikan tanda centang pada Export
for Actionscript dan masukan bom sebagai Identifier lalu tekan OK.
24. Buatlah
2 buah dynamic text dengan masing-masing beri text 99 dan Var : minute dan
second.
25. Atur
objek-objek di stage frame 7 layer GAME seperti gambar di bawah ini :
26. Klik
frame 13 layer GAME. Buatlah sebuah static text dengan tulisan PLAY AGAIN.
Gambarlah sebuah persegi panjang berwarna biru dengan luas sama dengan luas
text.
27. Tempatkan
persegi panjang tersebut di tengah-tengah kalimat PLAY AGAIN. Seleksi text dan
persegi panjang lalu tekan F8. Pada kotak dialog yang muncul masukan
mainlagi_btn sebagai Name dan Button sebagai Type lalu tekan OK.
28. Seleksi
mainlagi_btn lalu tekan F9. Pada kotak actions yang muncul berikan script
berikut :
1
2
3
4
|
on (release) {
//mainkan frame berlabel menu
_root.gotoAndPlay("menu");
}
|
29. Klik
2 kali main_btn untuk masuk ke dalam stage button tersebut. Klik kanan frame
Over dan pilih Insert Keyframe. Ubah warna huruf PLAY AGAIN di frame Over
menjadi lebih muda.
30. Klik
kanan frame Down dan pilih Insert Keyframe. Ubah warna huruf main di frame Down
menjadi lebih tua. Lalu tekan Ctrl+E untuk kembali ke stage scene 1.
31. Buatlah
2 buah dynamic text dengan masing-masing beri text 99 dan Var : minute dan
second.
32. Buatlah
5 buah static text dengan masing-masing diberi tulisan UPPSSSS… , waktu yang
anda tempuh, Menit dan Detik.
33. Buatlah
variasi gambar seperti di bawah ini :
34. Atur
objek-objek yang berada di frame 13 layer GAME seperti gambar di bawah ini :
35. Klik
frame 1 layer SCRIPT dan tekan F9. Pada kotak Actions yang muncul masukan
script berikut :
1
|
stop();
|
36. Klik
frame 7 layer SCRIPT dan tekan F9. Pada kotak Actions yang muncul masukan
script berikut :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
stop();
speed = random(5)+8;
mili = 0;
detik = 0;
menit = 0;
waktu_hidup = true;
onEnterFrame = function () {
//membuat waktu
if (menit<10) {
_root.minute = "0"+menit;
} else {
_root.minute = menit;
}
if (detik<10) {
_root.second = "0"+detik;
} else {
_root.second = detik;
}
if (waktu_hidup) {
mili++;
if (mili == 12) {
detik
+= 1;
mili
= 0;
}
if (detik>60) {
menit
+= 1;
detik
= 0;
}
}
};
pemain.onEnterFrame = function() {
//mengganti kursor mouse
Mouse.hide();
this._x = _root._xmouse;
this._y = _root._ymouse;
};
function buatbom() {
//menempatkan movie clip berlinkage bom ke
stage dengan posisi x di koordinat acak 400 dan
posisi y di
koordinat -50
animasi_bom
= attachMovie("bom", "bom"+_root.getNextHighestDepth(), _root.getNextHighestDepth(), {_x:random(400), _y:-50});
animasi_bom.onEnterFrame = function() {
//kecepatan turun
this._y += speed;
//jika menabrak movie clip pemain
if (this.hitTest(pemain)) {
//nilai waktu_hidup diubah menjadi false
waktu_hidup
= false;
//mainkan frame berlabel gameover
gotoAndStop("gameover");
//hentikan
clearInterval(Int);
}
//jika frame berada di lebih dari frame 12
if (_currentframe>12) {
//hapus movie clip ini
removeMovieClip(this);
}
//jika posisi y movieclip ini lebih dari atau
sama dengan 410
if (this._y>=410) {
//hapus movie clip ini
removeMovieClip(this);
}
};
}
//jalankan function buatbom setiap hitungan 450
Int = setInterval(buatbom, 450);
|
37. Klik
frame 13 layer SCRIPT dan tekan F9. Pada kotak Actions yang muncul masukan
script berikut :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
stop();
Mouse.show();
onEnterFrame = function () {
//menampilkan waktu
if (menit<10) {
_root.minute = "0"+menit;
} else {
_root.minute = menit;
}
if (detik<10) {
_root.second = "0"+detik;
} else {
_root.second = detik;
}
};
|
38. Tekan
Ctrl+Enter untuk menjalankan GAME AVOID CAR :D
Untuk video TUTORIAL GAME AVOID CAR DENGAN MACROMEDIA
FLASH 8 bisa anda download dibawah ini ::
Untuk game, script dan bahan GAME AVOID CAR DENGAN
MACROMEDIA FLASH 8 bisa anda download dibawah ini ::
Oke sekian tutorial membuat GAME AVOID CAR DENGAN
MACROMEDIA FLASH 8, terimakasih telah mampir ke blog saya… SEMOGA GAG ADA BOSEN NYA :D
