commit to user
c. Tampilan pembuatan deskripsi umum game
Gambar 4.14 Pembuatan deskripsi umum game.
5. Pembuatan Menu Utama
Pembuatan menu utama menggunakan Corel Draw X5. Dengan desain karakter utama dan dua pilihan menu, yaitu Play dan Instruksi.
a. Tampilan pembuatan menu utama
Gambar 4.15 Pembuatan menu utama.
commit to user
b. Tampilan pembuatan instruksi
Gambar 4.16 Pembuatan Instruksi game.
6. Pembuatan Script menggunakan Query MelonJS
Pembuatan script dalam game n
bahasa pemrograman Javascript dengan mengambil query yang sudah terdapat pada game engine melonJS.
a. Konfigurasi Core MelonJS 1. Game ressources
Game resource digunakan untuk memanggil file yang digunakan dalam game dari sumber file tersebut berada.
Tampilan scriptnya adalah seperti ini,
game ressources var g_ressources= [
level area {name: area_1,
type: tmx, src: dataarea_1.tmx},
{name: area_2, type: tmx,
src: dataarea_2.tmx},
. . . game font
commit to user
{name: font, type: image, src: dataspritefont.png} ];
2. jsApp jsApp adalah script yang digunakan untuk memuat
halaman dengan adanya onload function halaman akan dimuat kemudian game siap dimulai. Tampilan scriptnya
adalah seperti ini,
init the video if me.video.initjsapp, 640, 480, false, 1.0
{ alertSorry but your browser does not support html 5 canvas. Please try with another one;
return;} . . .
Play var PlayScreen = me.ScreenObject.extend{
onResetEvent: function { start the main soundtrack
me.audio.playTracksuara; load a level
me.levelDirector.loadLevelarea_1; . . .
bootstrap window.onReadyfunction
{ jsApp.onload; } ;
b. Konfigurasi Objek 1. Game objectkarakter utama
Game object adalah script yang mengatur karakter, bagaimana karakter harus bergerak, dan apa yang akan terjadi
commit to user
apabila terkena karakter musuh, semuanya diatur dalam game object karakter utama ini, scriptnya antara lain adalah seperti ,
var PlayerEntity = me.ObjectEntity.extend{ init: functionx, y, settings {
deklarasi tempat karakter this.startX = x;
this.startY = y; call the constructor
this.parentx, y, settings; . . .
update animation if necessary if this.vel.x=0 || this.vel.y=0 {
update objet animation this.parentthis;
return true;} return false;}
};
2. Game objectkarakter musuh Game object karakter musuh ini berbeda dengan game
object untuk karakter utama. Pada game object ini, digunakan untuk mengatur musuh, dan bagaimana gerak dari musuh dan
apa yang akan terjadi apabila musuh terkena karakter utama, scriptnya adalah,
var EnemyEntity = me.ObjectEntity.extend{ init: function x, y, settings
{ define this here instead of tiled
settings.image = ndog; settings.spritewidth = 64;
commit to user
. . . call the parent function
this.parent; return this.vel.x=0 || this.vel.y=0;}
};
3. Point Entity Point entity ini digunakan untuk mengatur elemen yang
harus diambil karakter utama, scriptnya adalah seperti,
var CDEntity = me.CollectableEntity.extend {
init: function x, y, settings { call the parent constructor
this.parentx, y , settings; },
. . . this.collidable = false;
remove it me.game.removethis;}
};
B. Tampilan Game