Saturday, December 7, 2013

Membuat game ular sederhana di flash

CARA MEMBUAT GAME MAZE SEDERHANA DENGAN “WALL ACTION SCRIPT”
Mungkin kalian agak sedikit binggung dengan judul postingan di atas.., tapi ini memang kenyataannya. Kebanyakan tipe game maze di Indonesia.., di buat menggunakan action script untuk tembok atau dinding atau wall. Penasaran seperti apa. Ayo..,
 kita langsung praktekan saja sekarang :
1. Buatlah sebuah flash document.
2. Buatlah sebuah garis persegi menggunakan Retangle Tool.
3. Setelah itu hapus sebagian kotak persegi tadi, membentuk dinding atau ukiran sebuah nama, seperti di gambar postingan ini.
 4. Seleksi persegi yang dibuat kemudian tekan F8. Pada panel yang muncul masukkan Dinding sebagai name dan MovieClip sebagai type, lalu tekan OK.
 5. Seleksi membuat Movie Clip Dinding, kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan dinding di dalam kotak instance name.
6. 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.
7. Seleksi movie clip Pemain dan pada panel properties masukkan pemain didalam kotak instance name.
8. Letakkan movie clip Pemain dan movie clip Dinding seperti gambar di postingan ini.
9. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

stop();
//jari-jari pemain
jarijari = pemain._width/2;
//kecepatan pemain bergerak
kecepatan = 5;
pemain.onEnterFrame = function() {
//jika tombol panah kiri ditekan
if (Key.isDown(Key.LEFT)) {
//pemain bergerak ke kiri
this._x -= kecepatan;
}
//jika tombol panah kanan ditekan
if (Key.isDown(Key.RIGHT)) {
//pemain bergerak ke kanan
this._x += kecepatan;
}
//jika tombol panah atas ditekan
if (Key.isDown(Key.UP)) {
//pemain bergerak ke atas
this._y -= kecepatan;
}
//jika tombol panah bawah ditekan
if (Key.isDown(Key.DOWN)) {
//pemain bergerak ke bawah
this._y += kecepatan;
}
//membuat pemain tidak dapat melewati dinding
while (dinding.hitTest(this._x, this._y+jarijari, true)) {
this._y--;
}
while (dinding.hitTest(this._x, this._y-jarijari, true)) {
this._y++;
}
while (dinding.hitTest(this._x-jarijari, this._y, true)) {
this._x++;
}
while (dinding.hitTest(this._x+jarijari, this._y, true)) {
this._x--;
}
};

10. Tekan Ctrl+Enter untuk melihat hasilnya :
Tekan tombol panah untuk menggerakan animasi lingkaran tadi.

Dengan begini kalian tidak akan kesusahan lagi mencari action script untuk Wall. Karna semuanya telah terpecahkan oleh Game Maze ini.

Yang masih binggung, ikuti petunjuk di atas, download saja data fla nya disini : KLIK DISINI
Dan coba bandingkan dengan data Game Maze fla versi Youtube : KLIK DISINI
-Terimakasih untuk Gofatik Hollow dan warungflash.com.
Read More »»  

Friday, December 6, 2013

Tutorial Flash membuat game pesawat part 2



Pada bagian sebelumnya , kita telah membuat pesawatnya ...maka,mari kita buat musuhnya dan membuat pesawatnya menembakan sesuatu xD ..check this out!! ==>
1.Buat musuhnya gan ,sama kek di tutorial sebelumnya :D..(seterah ,mo kotak,lingkaran,dll ..yang penting itu agan anggap musuh :D) ..
convert to symbol
Gambar Kode 1.1
2.maka,bagian ke-2 nya,kita convert musuh tsb menjadi movie clip .. ....(Perhatikan gambar kode 1.1),beri name sebagai : "Musuh" , type "Movie Clip" ..titik registrationnya di tengah ...cekles "Export for ActionScript" ..lalu isi Identifiernya sebagai "Musuh" ..lalu OK!

3.Lalu,buat lagi gan musuh ke-2 nya ..seterah mau agan bentuk seperti apa xD ,Sama seperti pada bagian pertama dan ke dua,tapi isi namanya sebagai "Musuh2" ,type "Movie Clip" ,titik registrationya "tengah" ..dan Identifiernya sebagai "Musuh2" ....

4.Maka,Bagian ke 4..mari kita buat kotak untuk/sebagai bar healthnya ..Gunakan Rectangle Tool atau tekan "R" (coba perhatikan gambar kode 2.2)
Gambar Kode 2.2
5.Ok,bagian ke 5, convert lah healthbar tsb menjadi movie clip dengan nama sebagai "HealthBar" ,type sebagai movie clip,dan identifiernya sebagai "HealthBar" ..dan ingat,titik registrationnya harus berada di kiri (left).

6.OK GAN,bagian ke 6..kita gambar pelurunya ..sama seperti part 1 dan 2 ...jadikan movie clip dengan nama "Peluru" ,identifiernya "Peluru" ,dan titik regis nya di tengah ...dan jangan lu[a

7.Maka pada bagian ke 7, tidak lupa untuk memberi instance name menjadi "player_mc" pada pesawat yang agan buat (pesawat yang akan membasmi musuh..) ,caranya klik pada pesawat mengunakan "Selection Tool" ..dan liat di instance namenya ..

8.Sip,sekarang juga...tekan F9 ,lalu masukan kode brikut ===>
//menambahkan background dengan nama yang dikenali oleh stage yaitu background_mc
_root.attachMovie("Background", "background_mc", 0);
//menambahkan player dengan nama yang dikenali oleh stage yaitu player_mc
_root.attachMovie("Player", "player_mc", 1);
//menambahkan bar untuk nyawa dengan nama yang dikenali oleh stage yaitu health_mc
//di sini lokasi dari healthbar ditentukan dengan x = 380 dan y = 370
_root.attachMovie("HealthBar", "health_mc", 2, {_x:380, _y:370});
//inisialisasi nyawa sebesar 100
var nyawa = 100;
//memberikan timer
var idInterval = setInterval(panggilMusuh, 1000);
//memberikan event enterframe kepada _root agar melakukan tugasnya secara terus menerus
_root.onEnterFrame = function() {
    //menggerakkan background ke arah _x minus (ke kiri)
    background_mc._x -= 3;
    //memberikan kondisi jika background habis, maka ia akan mengulangi
    if (background_mc._x<-1450) {
        //mereset posisi background
        background_mc._x = 0;
    }
    //memberikan status game over
    if (nyawa<=0) {
        nyawa = 0;
        trace("Game Over");
    }
    //mengeset agar ukuran dari health_mc menyesuaikan dengan health
    health_mc._width = (nyawa/100)*150;
};
//memberikan event ketika mouse bergerak
_root.onMouseMove = function() {
    //menghilangkan mouse
    Mouse.hide();
    //menggerakkan player_mc
    player_mc._x += (_xmouse-player_mc._x)/5;
    player_mc._y += (_ymouse-player_mc._y)/5;
};
//memberikan event ketika mouse ditekan
_root.onMouseDown = function() {
    //mendapatkan kedalaman, kedalaman digunakan karena pada 1 depth hanya memiliki 1 objek
    var depth = _root.getNextHighestDepth();
    //menambahkan peluru ke stage
    var peluru = _root.attachMovie("Peluru", "peluru_"+depth, depth, {_x:player_mc._x, _y:player_mc._y});
    //memberikan event enterframe pada peluru
    peluru.onEnterFrame = function() {
        //menggerakkan peluru
        this._x += 5;
        //memberikan kondisi jika letaknya melebihi batas
        if (this._x>500) {
            //menghapus peluru (yang melebihi batas)
            removeMovieClip(this);
        }
        //melakukan perulangan terhadap musuh
        var kedalamanMusuhSekarang = _root.getNextHighestDepth()-1;
        for (var i = kedalamanMusuhSekarang; i>kedalamanMusuhSekarang-10; i--) {
            if (_root["musuh_"+i].hitTest(this)) {
                removeMovieClip(_root["musuh_"+i]);
                removeMovieClip(this);
            }
        }
    };
};
function panggilMusuh() {
    //mendapatkan angka random yaitu 0 dan 1
    var angkaRandom = random(2);
    //mendapatkan kedalaman, kedalaman digunakan karena pada 1 depth hanya memiliki 1 objek
    var depth = _root.getNextHighestDepth();
    if (angkaRandom == 0) {
        //memanggil musuh
        var musuh = _root.attachMovie("Musuh", "musuh_"+depth, depth, {_x:550, _y:random(400)});
        musuh.onEnterFrame = function() {
            //menggerakkan musuh ke kiri sebanyak 3 piksel
            this._x -= 3;
            //memberikan kondisi jika posisi x berada kurang dari 0, maka objek akan dihapus
            if (this._x<0) {
                removeMovieClip(this);
            }
            //memberikan kondisi jika musuh bertabrakan dengan player,
            //maka objek akan hilang dan player akan berkurang darahnya
            if (this.hitTest(_root.player_mc)) {
                nyawa -= 10;
                removeMovieClip(this);
            }
        };
    } else {
        //memanggil musuh
        var Musuh2 = _root.attachMovie("Musuh2", "musuh_"+depth, depth, {_x:550, _y:random(400)});
        Musuh2.onEnterFrame = function() {
            //menggerakkan batu ke kiri sebanyak 3 piksel
            this._x -= 2;
            //memberikan kondisi jika posisi x berada kurang dari 0, maka objek akan dihapus
            if (this._x<0) {
                removeMovieClip(this);
            }
            //memberikan kondisi jika musuh bertabrakan dengan player,
            //maka objek akan hilang dan player akan berkurang darahnya
            if (this.hitTest(_root.player_mc)) {
                nyawa -= 10;
                removeMovieClip(this);
            }
        };
    }
}

-------MUNGKIN,Gamenya akan seperti ini :D ..maaf ya gan jika jelek gamenya :v ..saya juga pemula :3 ..btw,beberapa script ane dapat juga dari Flashindonesia(dot)com.



Read More »»  

Thursday, December 5, 2013

Tutorial Flash membuat game pesawat

Halo gan,kali ini saya mau ngajarin agan cara membuat game flash. Btw,maaf ya jika ada yang salah,atau kurang lengkap,dll ...karna saya juga belajar / saya juga pemula :D ...btw,mari kita simak ..

Bahan yang di perlukan :
  • Macromedia Flash 8 (Disini,saya pake yang PRO xD xP )
  • Otak (karna mungkin agan akan memainkan sedikit logika)
-Maka,mari kita mulai. Pertama-tama,buka dulu macromedia flashnya ..lalu klik "Flash Document" ,kira2 seperti inilah gambarnya :
 lalu "CTRL+J" ..dan akur ukurannya ...untuk pada tutorial ini,saya mengunakan ukuran : Width : 640 px = Height : 300 px

-Kedua,Kita buat pesawatnya ..kira2 seperti ini >
-Biarin gan yang jelek,kan cuma tutorial :D ..maka,mari kita ke part selanjutnya ..
-Ketiga,kita pilih Selection Tool pada bar Tools atau tekan "V" pada keyboard ..kita ubah yang kita gambar tadi menjadi movie clip ..caranya > Klik kanan pada gambar > Convert to symbol (gambarnya kira2 seperti ini :
) lalu selanjutnya isi "name = pesawat" ..dan cekles pada bagian type "movie clip" > OK








-KeEMPAT,klik kanan lagi pada pesawat > lalu klik "actions" ..gambar kira2 seperti ini >
..maka akan muncul box ..masukin script berikut ke dalam box tsb >
onClipEvent (enterFrame) {
  if (Key.isDown(Key.RIGHT)) {
    // gerak ke kanan
    this._x = this._x + 5;
  }
  if (Key.isDown(Key.LEFT)) {
    // gerak ke kiri
    this._x = this._x - 5;
  }
  if (Key.isDown(Key.UP)) {
    // gerak ke atas
    this._y = this._y - 5;
  }
  if (Key.isDown(Key.DOWN)) {
    // gerak ke bawah
    this._y = this._y + 5;
  }

}
-Maka,coba agan test gamenya dengan cara tekan "Ctrl + Enter"  ...
-Kira2 gamenya seperti ini >



===BYE gan,tutorial part 1 sampai disini saja xD......
-KLIK DISINI UNTUK KE PART 2.

Read More »»