Tutorial membuat game sejenis Cake Mania

Gw yang masi baru bgt dan masih cupu bgt di bidang game development flash ini, mu coba2 bikin tutorial sederhana. Yaitu tutorial bikin game "time management" semacem Cooking Mama gitu.. Ni tutorial sederhana banget dan ga pake script yang ribet (berhubung sampe sekarang masi blum bisa fungsi for, hehe). Yap langsung aja… oia ni tutorial aku bikin cupuuu banget. Jadi jangan diketawain ya… :)

Tutorial ini menggunakan action script 2. Ini Cuma tutorial sederhana banget.. Masi bisa ditabahin lagi kalo mau..

Step pertama (Movie Clip& Grafik): Bikin dulu semua grafiknya bakal kaya gimana.
Yang terpenting adalah bikin Movie Clip:
-character utama
-character customer (penjelasan dibawah)
-kue (penjelasan dibawah)
-alat buat bikin kue (di tutoial ini oven)
-kotak buat pilihan warna.
-balon permintaan (penjelasan dibawah)

Aturan Bikinnya:
Pertama: Buat dulu Movie Clip balon permintaan yang terdiri dari 4 frame:



Layer yang atas buat permintaannya, trus layer yang bawah diisi sama gambar balon. Trus abis itu layer yang atas pada frame 2,3,4 bikin permintaannya apa:

Frame 2 :


frame 3:


Frame 4:


Frame 1 dibiarkan kosong aja. Nah setiap masing-masing frame dikasi action: stop()


Kedua :
Buat Movie Clip Customer:
Disini bentuknya bulet aja ya gpp? Trus didalemnya masukin Movieclip balon tadi, trus Instance Name Movie Clip balon tadi dikasi nama "permintaan":

Yah movie Clip buat customer udah beres. Sekarang bikin Movie Clip Kue:
Bikin 4 frame: masing masing frame gambar kuenya (di tutorial ini gambarnya bulet) trus kasi warnanya sesuai yang ada di balon permintaan:
-frame 1: gambar kue polos, belum dikasi warna.

-frame 2: gambar kue warna putih. Kasi nama di frame 2 dengan "putih"


-frame 3: gambar kue warna merah. Kasi nama di frame 2 dengan "merah"
-frame 4: gambar kue warna kuning. Kasi nama di frame 2 dengan "kuning"
Semua frame dikasi action: stop()




Sip! Kalo udah selesei, bikin Movie Clip character utama. Character ini adalah character bergerak buat orang yang bikin kuenya. Bikin bentuk bulet, trus udah itu masukin Movie Clip kue yang tadi dibuat di sebelahnya. Bikin seakan-akan si character lagi bawa2 kue tadi.


Kasi nama Movie Clip kue yang ada di dalem Movie Clip character tadi dengan Instance name: anim kue



Kalo udah beres bikin lagi Movie Clip di bawah ini:

Movie Clip "Warna":


Movie Clip Oven: Buat bikin kuenya:

Movie Clip Uang:




Movie Clip Meja:


Kamu bisa nambahin grafik lantai, grafik meja, grafik kursi d.l.l

Kalo semuanya udah selesei masuk ke Step 2:



Step 2 (Penyusunan Grafik dan Movie Clip):
Susun Semuanya sampe seperti gambar di bawah ini:

Buat milih warna kuenya, pake Movie Clip "warna" yang tadi udah dibuat diatas. Susun seperti diatas. Trus atur "tint"nya. Yang paling atas putih, di tengah merah, di bawah kuning.

Trus buat Dinamic Text yang dikasi variabel di propertiesnya dengan : _root.score

Ok udah beres?? Lanjut ke Step 3.

Step 3 (Action Script):

-Pertama, pada frame 1 di layar utama ketik action: score=1

-kedua pada Movie Clip Customer yang paling bawah (customer1) kasi action:

onClipEvent (load) {

_root.uang_1._visible = 0; // Movie Clip Uang Invisible

this.permintaan._visible = 0; //balon permintaan invisible

permintaannya = 0;

}

onClipEvent (enterFrame) {

//script kostumer masuk:

if (random(50) == 2 and permintaannya == 0) { //Ketika random(50) ada pada angka 2 maka,

this._x = 0; //posisi kostumer, pada saat ini kostumer masuk ke dalam toko

}

}

on (press) {

if (permintaannya == 0) { // kalo permintaannya =0 maka,

_root.char._x = _root.meja._x+80; //character utama akan dateng ke kostumer

_root.char._y = this._y+80; //character utama akan dateng ke kostumer

this.permintaan.gotoAndStop(random(3)+Number(2)); //balon permintaan random

this.permintaan._visible = 1; //balon permintaan terlihat.

permintaannya = 1;

} else if (permintaannya == 1 and _root.char.animkue._currentframe == this.permintaan._currentframe and _root.char.animkue._visible == 1) { //kalo permintaan udah terpenuhi maka,

this._x = -500; //kustomer keluar toko

_root.char._x = _root.meja._x+80; //karakter dateng ke meja kustomer

_root.char._y = this._y+80;

_root.char.animkue._visible = 0; //kuenya dikasiin ke kustomer

this.permintaan._visible = 0; //permintaan kembali 0

_root.uang_1._visible = 1; //kustomer ngasi uang di meja

}

}

Bikin juga script ini pada customer 2, sama customer 3. Ganti pada "_root.uang_1._visible" jadi "_root.uang_2._visible" dan "_root.uang_3._visible".

-ketiga: buat Movie Clip "char" bikin actionnya:

onClipEvent (load) {

this.animkue._visible = 0; //kuenya ga keliatan pada saat di load

}

-ke empat pada Movie Clip alat bikin kuenya :

on (press) {

_root.char._x = this._x; // character ngedatengin

_root.char._y = this._y+50;

_root.kue._visible = 1; // Movie clip kue jadi...

}

-kelima pada movie clip "kue":

onClipEvent (load) {

this._visible = 0;

depth = 0;

}

on (press) {

_root.char._x = this._x; // character ngedatengin kue yang udah jadi

_root.char._y = this._y+50;

this._visible = 0; //ketika di klik kuenya dibawa char

_root.char.animkue.gotoAndStop(1); //kue kembali ke awal bentuknya

_root.char.animkue._visible = 1; //animasi si character bawa2 kue.

}

-keenam pada movie clip pilihan warnanya:

Pada pilihan warna putih isikan:

on (press) {

if (_root.char.animkue._visible == 1) {

_root.char.animkue.gotoAndStop("putih");

_root.char._x = this._x-100;;

_root.char._y = this._y;

}

}

Semuanya ditulis juga pada script di movie clip pilihan warna yang merah sama yang kuning. Bedanya pada tulisan "putih" di script: _root.char.animkue.gotoAndStop("putih"); , ganti jadi _root.char.animkue.gotoAndStop("merah"); dan pada Movie clip warna kuning: _root.char.animkue.gotoAndStop("kuning");

-ketujuh pada movie clip "uang_1" isikan:

on (press) {

this._visible = 0;

_root.score += 100;

_root.customer1.permintaannya = 0;

}

Sama halnya ditulis juga pada Movie Clip "uang_2" dan "uang_3" bedanya ya pada script:

_root.customer1.permintaannya = 0; ganti jadi _root.customer2.permintaannya = 0; dan _root.customer3.permintaannya = 0;

Ok?? Udah selesei nih action scriptnya. Coba jalanin teken "Ctrl+Enter". Kalo udah bisa, sekarang tinggal kamu tambah2hin aja kaya misalnya animasi jalan, upgrade, jenis2 kue, d.l.l. trus bagus-bagusin deh grafiknya..

Sekedar share aja.. Berhubung masi newbie :)

Oia kalo mau liat hasilnya bisa diliat di: http://www.swfcabin.com/open/1241364559

Dan ini mentahannya untuk dibagikan: http://www.2shared.com/file/5612840/529f861a/contoh_diner_dash.html