Minggu, 28 Maret 2010

Tutorial Membuat Game sejenis Cake Mania

Langkah pertama (Movie Clip& Grafik):

Buat rancangan grafik yang akan digunakan.
Yang terpenting adalah buat 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 membuatnya:
Pertama Buat dulu Movie Clip balon permintaan yang terdiri dari 4 frame:


Layer yang atas buat permintaannya, lalu layer yang bawah diisi dengan gambar balon.

Setelah itu layer yang atas pada frame 2,3,4 dibuat keterangan permintaannya:


Frame 1 dibiarkan kosong. Setiap masing-masing frame diberi action: stop()



Kedua :
Buat Movie Clip Customer:
kita bentuk saja seperti lingkaran. lalu didal
amnya diberi Movieclip balon tadi, lalu Instance Name Movie Clip balon tadi diberi nama "permintaan":


Movie Clip buat customer sudah selesai.


Sekarang membuat Movie Clip Kue:
Buat 4 frame:

Masing masing frame gambar kuenya (di tutorial ini gambarnya lingkaran) lalu diberi warna sesuai dengan yang ada di balon permintaan:


frame 3: gambar

kue warna merah. Beri nama di frame 2 dengan "merah"

frame4 : gambar

kue warna kuning. Beri nama di frame 2 dengan "kuning"

Semua frame diberi action: stop(


Lalu sekarang kita buat Movie Clip untuk karakter utama. Character ini adalah character bergerak untuk orang yang membuat kuenya. Bikin bentuk lingkaran, lalu masukk

an Movie Clip kue yang tadi dibuat di sebelahnya. Buat seakan-akan si character lagi bawa2 kue tadi.


Beri nama Movie Clip kue yang ada di dalam Movie Clip character tadi dengan instance name: anim kue


Kalo sudah selesai, buat lagi Movie Clip di bawah ini:


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

Kalau semuanya sudah selesai masuk ke Step 2:


Step 2 (Penyusunan Grafik dan Movie Clip):

Susun Semuanya sampai seperti gambar di bawah ini:


Untuk memilih warna kuenya, pakai Movie Clip "warna" yang tadi sudah dibuat diatas. Susun seperti diatas. lalu atur "tint"nya. Yang paling atas putih, di tengah merah di bawah kuning.



lalu buat Dinamic Text yang diberi variabel di propertiesnya dengan :

_root score


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) beri 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 datang ke kostumer

_root.char._y = this._x +80; //character utama akan datang 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 datang ke meja kustomer

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

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

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

_root.uang_1._visible = 1; //kustomer memberi 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 tidak terlihat pada saat di load

}

-ke empat pada Movie Clip alat membuat kuenya :

on (press) {

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

_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 mendatangi kue yang sudah 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 membawa 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 dan 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 pada script:

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

Ok?? sudah selesai action scriptnya. Coba jalankan "Ctrl+Enter". Kalo sudah bisa, sekarang tinggal kamu tambahkan aaja seperti misalnya animasi jalan, upgrade, jenis kue, d.l.l. dan bisa dibuat lebih baik lagi dari sisi grafiknya :)

Tidak ada komentar:

Posting Komentar