Dasar Tiling Game

From GameDevID

Jump to: navigation, search

penulis: Wandah W

level tutorial : dasar

Setelah memahami tentang penggunaan action dasar flash yaitu for dan array, langkah selanjutnya dalam membuat tiling game adalah dengan memahami format peta (Map) yang akan kita pakai dalam game.

Bentuk peta yang akan kita pakai adalah array bertipe 2 dimensi (pemetaan sederhana) atau array bertipe 3 dimensi (pemetaan kompleks). Pada dasarnya kedua bentuk tersebut memiliki konsep yang sama yaitu mengatur posisi tile menggunakan array dengan aturan tile bernilai 0 adalah walkable tile dan tile bernilai 1 adalah unwalkable tile. Metode ini diturunkan dari metode tiling game Flash yang sangat populer yaitu metode tonypa[1]

[edit]

Format Peta Statis

Yang dimaksud dengan peta statis adalah sebuah peta yang nantinya tidak dapat digerakkan (scrolling).Beberapa game yangg menggunakan peta statis contohnya antara lain adalah Bomberman, Dig Dog, Defence Tower dan sebagainya. Keuntungan dari menggunakan metode ini adalah kita dapan menentukan setiap level game dengan mudah. Contoh penggunaan peta statis adalah sebagai berikut (diambil dari e-book Dasar Pemrograman Flash Game halaman 143 :

1. Buatlah sebuah file baru dengan ukuran 800 x 600 pixel dan 12 fps.

2. Buatlah layer baru dan ubah nama masing-masing layer menjadi layer background dan layer action.

3. Buatlah sebuah symbol baru dengan memilih menu INSERT>NEW SYMBOL. Ketikan ubin pada nama dan pilih movieclip pada behaviour.

4. Pada mode edit movieclip ubin, klik frame 2 dan masukan keyframe.

5. Buatlah sebuah gambar balok (batu bata) berukuran 50 x 50 pixel.

6. Seleksi gambar pada frame 2, kemudian buka panel align dengan memilih menu WINDOW>ALIGN. Aktifkan tombol ALIGN/DISTRIBUTE TO STAGE, kemudian klik tombol ALIGN VERTICAL CENTER dan ALIGN HORISONTAL CENTER untuk memindah posisi gambar tepat pada tengah titik registrasi.

7. Keluar dari mode edit symbol dengan menekan tombol Ctrl+E.

8. Buka panel library. Klik kanan movieclip ubin dan tambahkan linkage .

9. Pilih export for actionscript dan ketikan ubin pada identifier.

10. Klik frame 1 layer action, kemudian buka panel action dan ketikkan script berikut: 

pola = [[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0],
[0, 0, 0, 1, 1, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0],
[0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 1, 1, 1, 1, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0],
[0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]];
function gambarPola(dataPola, xawal, yawal) {
kedalaman = 0;
lebar = dataPola[1].length;
tinggi = dataPola.length;
for (var i = 0; i<lebar; i++) {
for (var j = 0; j<tinggi; j++) {
attachMovie("ubin", "ubin"+i+"_"+j, kedalaman++,
{_x:xawal+(i*50), _y:yawal+(j*50)});
this["ubin"+i+"_"+j].gotoAndStop(dataPola[j][i]+1);
}
}
}
gambarPola(pola, 25, 25);

11. Jalankan movie, maka akan didapatkan sebuah pola sesuai dengan yang ada didalam peta Array yang anda buat.

Dengan sedikit modifikasi dan penambahan beberapa elemen, anda dapat membuat sebuah game sederhana.


[edit]

Format Peta Dinamis

Berkebalikan dengan peta statis, dengan menggunakan peta dinamis kita dapat menggerakan obyek tile sehingga scroll background dapat dilakukan. Proses pembuatannya akan segera dibahas dihalaman ini!

Retrieved from "http://wiki.gamedevid.org/wiki/Dasar_Tiling_Game"
Personal tools