Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
1. Menyiapkan Komponen
a. Interface
• Background
• Logo Bagongman
• Labirin
• Score
• Lives
• Tombol Play
• Tombol Exit
• Tombol Retry
• Gambar Congratulation
• Gambar Game Over
b. Sprite
• Bagongman
• Monster
• Buah
• Nyawa
• Labirin
5. Mengatur Skor
a. Membuat tulisan SCORE: layout game Insert New Object Text Insert. (Tulisan;
SCORE)
b. Menambahkan variable score: Event Sheet Game Add Global Variable Ubah Name
: score Ok.
c. Menambahkan score: Event Sheet Game Add Event System Every Tick Done.
Untuk actionnya, Add action TextScore Set Text Text : “SCORE : “&score
Done.
d. Menambahkan score 10 ketika BagongMan memakan point: Add Action System
Add to Next Variable : score , Value : 10 Done.
e. Menambahkan score 100 ketika BagongMan memakan buah: Add Action System
Add to Next Variable : score , Value : 100 Done.
6. Mengatur Nyawa
a. Masukkan teks “LIVES”:
• double klik didalam lembar kerja Insert New Object Text Insert.
• Ubah text di Properti : 3, Arial 20, colour putih, Center.
b. Masukkan gambar hati sebagai nyawa:
• layout game Insert New Object Sprite Insert. Klik Load an Image from File
Select Image “Nyawa” Open close, letakkan di sebelah teks LIVES.
• Double klik pada gambar nyawa, kemudian dibagian bawah ada Animation Frames
klik kanan Import Frame Select Image “heart 0-3” open.
• Di lembar event sheet game Klik kanan pada Event Sheet Add Global Variable
ubah Name : Nyawa Initial Value : 3 Ok.
• Menambah event pada “nyawa” klik add event compare variable next variable
: nyawa , Value : 0 Done.
• Memberi action, klik action SpriteNyawa Set Frame Frame Number : 0 Done.
• Lakukan langkah ke 4 diatas, sampai nyawa = 0 dan set frame to 3
c. Ketika Bagongman bertemu dengan Monster, maka nyawa berkurang 1:
• Add Event SpriteBagongman Is overllaping with another project Choose object
Done.
• Tambahkan Behaviors Flash pada Sprite Bagongman di layout game: Propertise
Add Behaviors Flash Close (x)
• Memberi action apabila Bagongman bertemu dengan monster akan berkedip:
Event Sheet Game Add action SpriteBagongman Flash Done.
• Memberi action berkurang nyawa: Add action System Substract from Next
Nyawa Done.
• Menambahkan another condition:
klik kanan Add another condition SpriteBagongman Is flashing Done.
Klik kanan Invert.
7. Pengaturan Akhir
a. Berhasil, jika score mencapai angka 1000. Maka akan keluar gambar “Congratulation”
• Pada Layout Game, double klik didalam lembar kerja Insert New Object Sprite
Insert, untuk mengambil gambar klik Load an Image from File Select Image
“Congratulation” Open Close (x).
• Letakkan ditempat yang diinginkan, kemudian lihat posisi gambar “Congratulation”
misal (448,256). Setelah itu turunkan kebawah Lembar kerja Layout Game.
• Ke Event Sheet Game, kemudian pilih Add Event System Next Compare
Variable Variable : score, Value 1000 Done.
• Untuk menambah action keluar gambar “Congratulation”:
Add Action SpriteCongratulation Next X:448, Y:256 Done.
• Untuk menambah action bagongman hilang pada saat Congratulation:
Add Action SpriteBagongman Destroy Done.
b. Gagal, jika nyawa = 0. Maka akan keluar gambar “Game Over:
• Pada Layout Game, double klik didalam lembar kerja Insert New Object Sprite
Insert, untuk mengambil gambar klik Load an Image from File Select Image
“Go” Open Close (x).
• Letakkan ditempat yang diinginkan, kemudian lihat posisi gambar “Game Over” misal
(448,256). Setelah itu turunkan kebawah Lembar kerja Layout Game.
• Ke Event Sheet Game, kemudian pilih Add Event System Next Compare
Variable Variable : nyawa, Value 0 Done.
• Untuk menambah action keluar gambar “Game Over”:
Add Action SpriteGO Next X:448, Y:256 Done.
• Untuk menambah action Bagongman hilang pada saat Game Over:
Add Action SpriteBagongman Destroy Done.
c. Retry, jika game berhasil dan gagal maka akan keluar button Retry:
• Pada Layout Game, double klik didalam lembar kerja Insert New Object Sprite
Insert, untuk mengambil gambar klik Load an Image from File Select Image
“retry” Open Close (x).
• Letakkan ditempat yang diinginkan, kemudian lihat posisi gambar “retry” misal
(384,32). Setelah itu letakkan diatas Lembar kerja Layout Game.
• Ke Event Sheet Game, kemudian dibawah SpriteCongrat pilih Add action SpriteGO
Next X:384, Y: 32 Done.
• Kemudian dibawah SpriteGo pilih Add action SpriteGO Next X:384, Y: 32
Done.
• Agar button retry berfungsi kembali ke Layout Awal, Add Event Mouse
On Object Clicked Next Choose SpriteRetry Done. Selanjutnya Add Action
System Go To Layout Done.
• Dan ketika kembali ke Layout Awal, nyawa akan kembali 3:
Add Action System Set Value Variable : nyawa & Value : 3 Done.
Nyawa akan kembali 0 klik Add Action System Set Value Variable : nyawa &
Value : 0 Done.
d. Menutup Game Bagongman
• Pada Layout Game, double klik didalam lembar kerja Insert New Object Sprite
Insert, untuk mengambil gambar klik Load an Image from File Select Image
“Exit” Open Close (x).
• Double klik didalam lembar kerja, Insert New Object Browser Insert.
• Agar button Exit (x) berfungsi, maka ke Event Sheet Game kemudian pilih Add Event
Mouse On Object Click Next Choose SpriteExit Done.
Selanjutnya Add Action Browser Close.
e. Melihat Hasil game, yang dilakukan adalah klik tombol Run layout disebelah kiri atas,
maka preview dari game akan muncul melalui browser anda.
f. Menyimpan Project, klik File Save as Project Pilih Folder Ok.
g. Mengkesport Project, untuk mengexport game yang telah dibuat langkah yang anda
lakukan adalah:
• Klik tab File Export Project NW.js (menggunakan PC/Laptop) next atur
folder sebagai tempat penyimpanan Project Game, klik next klik export Open
destination folder untuk membuka game yang telah diexport double klik folder
sesuai dengan sistem operasi pada komputer anda (win 32/win 64) nw.exe game
sudah bisa dimainkan.
---------------Selesai-------------