Mau Punya Web Keren ?

Google Website Translator Gadget

Rabu, 12 Oktober 2011

Membuat Game Sederhana dengan Adobe Flash

Assalammualaikum wr.wb

Pada kesempatan ini, saya mau membagi tutorial membuat game sederhana menggunakan script pada software Adobe Flash. Game ini mudah dimainkan, cara memainkannya dengan menggunakan tombol panah yang ada di keyboard;

untuk kebawah tekan down key pada keyboard
untuk keatas tekan up key pada keyboard
untuk menahan pesawat tekan left key pada keyboard

Game yang dibuat adalah game pesawat terbang dengan penghalang di depannya. Penghalang itu harus berhasil dilewatin untk mendapatkan nilai. Ikutin langkah-langkah dibawah ini untuk cara membuatnya.

Langkah 1

Buka lembar kerja baru kemudian ubah ukuran stage-nya menjadi width : 800px dan height : 400px, kemudian buat dindingnya menggunakan rectangular tool.

Langkah 2

Kemudian buat dindingnya setelah dibuat dindingnya jadikan Movie Clip caranya blok dindingnya klik kanan klik tulisan convert to symbol atau ctrl + f8 kemudian klik ok.

Langkah 3

Duplikat dinding sebayak 4 kali caranya ctrl + c kmudian ctrl + v atau tekan ctrl kmudian tarik dindingnya kemudian ganti nama caranya dibagian properties ganti menjadi dinding1, dinding2, dinding3, dinding4.

Langkah 4

Kemudian buatlah pesawatnya menggunakan oval tool dan line tool.

Jangan lupa dijadikan movie clip (ctrl+f8) n diganti namanya menjadi pesawat. Kemudian klik pesawat 2 kali lalu buatlah gambar seperti ini menggunakan polystar tool pada keyframe 2 caranya klik kanan pilih keyframe.

5
Lalu pada keyframe 1 klik f9 dan tuliskan scrip pastikan anda menulis sciptnya di action frame stop();

Langkah 5
Buat dinding pembatas untuk diatas dan dibawah menggunakan regtangular tool dan dijadikan movie clip jangan lupa diganti nama movie clipnya untuk dinding atas menjadi asas dan untuk dinding bawah menjadi bawah.

Langkah 6

Klik tombol text kemudian pada bagian properties type text diganti menjadi dynamic text dan namanya diganti menjadi score.

Langkah 7

Buatlah bola untuk pion maksudnya ketika pesawat menyentuh bola akan mendapatkan poin caranya : buatlah bola menggunkan oval tool kemudian convert to symbol menjadi movie clip lalu duplikat sebayak 4 buah dan ganti namanya menjadi poin1, poin2, poin3, poin4.

Langkah 8
Buatlah button untuk mengulang permainnan bisa menggunakan text. Lalu buatlah text kmudian tulis ulangi dan di convert ke button crania tekan f8 kemudian pilih button dan ganti nama buttonnya menjadi ulang.

Langkah 9
Pada button ulang masukkan scipt caranya tekan f9, lalu tuliskan scirpnya seperti ini :

on (press) {

_root.pesawat._x = -10; //letak posisi x pesawat

_root.pesawat._y = 150; //letak posisi y pesawat

_root.gameover = false;

_root.speed = 5;

_root.pesawat.prevFrame();

_root.scor = 0;

_root.poin1._x = 193; //letak posisi x poin1

_root.poin1._y = 50; //letak posisi y poin1

_root.poin2._x = 364;

_root.poin2._y = 259;

_root.poin3._x = 508;

_root.poin3._y = 95;

_root.poin4._x = 698;

_root.poin4._y = 272;

}

Langkah 10
Pada langkah ini kita memasukan action scipt. Tuliskan scirptnya seperti ini caranya ctrl + f9 pastikan anda menulis sciptnya di action frame speed=5; scor = 0;

onEnterFrame = function() {

if (!gameover) {

ulang._visible = false;

}

pesawat._x += speed;

if(pesawat.hitTest (dinding1)){

speed = 0;

pesawat.nextFrame();

gameover = true;

}

if(pesawat.hitTest (dinding2)){

speed = 0;

pesawat.nextFrame();

gameover = true;

}

if(pesawat.hitTest (dinding3)){

speed = 0;

pesawat.nextFrame();

gameover = true;

}

if(pesawat.hitTest (dinding4)){

speed = 0;

pesawat.nextFrame();

gameover = true;

}

if(Key.isDown(Key.UP) && !pesawat.hitTest(atas)) {

pesawat._y -=speed;

}

if(Key.isDown(Key.DOWN) && !pesawat.hitTest(bawah)) {

pesawat._y +=speed;

}

if(Key.isDown(Key.LEFT)) {

pesawat._x -= 4;

}

// dapet poin

if (pesawat.hitTest(poin1)) {

scor += 100;

poin1._y = -100;

}

if (pesawat.hitTest(poin2)) {

scor += 100;

poin2._y = -100;

}

if (pesawat.hitTest(poin3)) {

scor += 100;

poin3._y = -100;

}

if (pesawat.hitTest(poin4)) {

scor += 100;

poin4._y = -100;

}

if (gameover) {

ulang._visible = true;

}

}

Demikianlah pembuatan game sederhana menggunakan flash selamat mencoba dan jangan lupa disimpan. Waalaikum salam wr.wb.

Download file .fla dan .swf.

0 komentar: