Tutorial Membuat Game Flash Maze

Kali ini kita akan membuat dasar dari game maze. Dari dasar game maze ini, kita dapat membuat berbagai macam variasi game.

Berikut langkah-langkah dalam membuat Game Maze :

1. Buatlah sebuah flash document.
2. Buatlah sebuah garis persegi.

3. Buatlah beberapa garis seperti gambar dibawah ini :

4. Setelah itu warnai bagian dalam kotak persegi tetapi bagian tengahnya tidak ikut diwarnai. Untuk lebih jelasnya lihat gambar dibawah ini :

5. Apabila ketika anda mewarnai, ternyata semua bagian ikut terwarna, maka ada bagian garis yang anda buat tidak terhubung.

6. Seleksi seluruh objek yang dibuat kemudian tekan F8. Pada panel yang muncul masukkan Dinding sebagai name dan MovieClip sebagai type lalu tekan ok.
7. Seleksi movie clip Dinding kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan dinding di dalam kotak instance name.
8. Buatlah sebuah lingkaran. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan Pemain sebagai name, MovieClip sebagai type, pastikan titik registrasinya berada ditengah-tengah lalu tekan ok.

9. Seleksi movie clip Pemain dan pada panel properties masukkan pemain didalam kotak instance name.
10. Letakkan movie clip Pemain dan movie clip Dinding seperti gambar di bawah ini :

11. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

1. stop();
2. //jari-jari pemain
3. jarijari = pemain._width/2;
4. //kecepatan pemain bergerak
5. kecepatan = 5;
6. pemain.onEnterFrame = function() {
7. //jika tombol panah kiri ditekan
8. if (Key.isDown(Key.LEFT)) {
9. //pemain bergerak ke kiri
10. this._x -= kecepatan;
11. }
12. //jika tombol panah kanan ditekan
13. if (Key.isDown(Key.RIGHT)) {
14. //pemain bergerak ke kanan
15. this._x += kecepatan;
16. }
17. //jika tombol panah atas ditekan
18. if (Key.isDown(Key.UP)) {
19. //pemain bergerak ke atas
20. this._y -= kecepatan;
21. }
22. //jika tombol panah bawah ditekan
23. if (Key.isDown(Key.DOWN)) {
24. //pemain bergerak ke bawah
25. this._y += kecepatan;
26. }
27. //membuat pemain tidak dapat melewati dinding
28. while (dinding.hitTest(this._x, this._y+jarijari, true)) {
29. this._y--;
30. }
31. while (dinding.hitTest(this._x, this._y-jarijari, true)) {
32. this._y++;
33. }
34. while (dinding.hitTest(this._x-jarijari, this._y, true)) {
35. this._x++;
36. }
37. while (dinding.hitTest(this._x+jarijari, this._y, true)) {
38. this._x--;
39. }
40. };

12. Tekan Ctrl+Enter untuk melihat hasilnya :
Tekan tombol panah untuk menggerakan pemain.
Sourcenya dapat di download di sini


Sumber : http://warungflash.com

Tweet

Azis Grafis

Assalamualaikum, “Saya merupakan seorang yang sangat tertarik dengan dunia Desain Grafis, Fotografi, Komputer dan Blogger. Oleh Karena itu saya sangat senang Sekali mempraktekkan dan berbagi apa yang sudah saya ketahui dan miliki kepada orang lain, sehingga menjadi sangat bermanfaat bagi saya sendiri maupun orang lain.”

Subscribe to receive free email updates: