Sabtu, 21 Januari 2012

membuat game 2

Membuat Game Fight dengan Flash dan AS 2.0
Bagi para pecinta game, pada postingan kali ini saya akan membagikan cara membuat game fighting sederhana menggunakan flash dan Action Script 2.0
Karena Langkahnya agak panjang:
so Konsentrasi:
Pertama-tama buka macromedia flash anda, atau klo udah punya ynang CS bla..bla..bla, lbh baek ^^,
Nah..Ikuti Lamhkah2 berikut!?

Membuat Badan
1. Buatlah sebuah lingkaran (digunakan sebagai badan). Seleksi lingkaran tersebut dan tekan F8.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjXevJ4CWDgZEE5l7yo99FZyS-JLcLG_SKIgc4EZMjHvPH3kzRz6sX_J06VqOMlE7YyXIMNErgLn072NdyOnHtoWq2lcyalwju8KQVFpdCK9oaN7W_xwMIaMMVqoDxvMoUZruHjQSjRChP/s200/g1.bmp
Pada kotak dialog yang muncul masukkan pemain sebagai Name dan Movie clip sebagai Type
lalu tekan OK.
Lingkaran yang berfungsi sebagai badan
2. Seleksi movie clip pemain tadi dan tekan Ctrl+F3 untuk memunculkan panel properties.
Masukkan pemain sebagi Instance Name di panel properties.
3. Klik 2 kali movie clip pemain untuk masuk ke dalam stagenya. Ubah nama layer yang memuat
lingkaran menjadi badan.
4. Klik tombol Insert Layer ditimeline sebanyak 4 kali sehingga di timeline movie clip pemain
jumlah layernya menjadi 5.
5. Ubah nama-nama layer selain layer badan menjadi AS, label, tangan kanan, tangan kiri.
6. Ubah letak masing-masing layer menjadi seperti gambar di bawah ini:
Tampilan timeline di movie clip pemain
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPNzlLUP82-ULuqDnIG3orY0R43vJfOJr4Tp7VGZ6fIHzsfODAyEysy1R28wv4vyaJKwFae_h7zJ4eAJ6dTi6da2rGjfxWCRCpddfbQOn6DUQxRhNXSezxi_aIwWBGaXA_ZgoTVEZMsQUm/s200/g2.PNG
7. Klik kanan frame 12 layer badan dan pilih Insert Frame
Membuat Label
8. Klik kanan frame 2 layer label dan pilih Insert Blank Keyframe. Seleksi frame 2 layer label ini
dan tekan Ctrl+F3 untuk memunculkan panel properties. Masukkan kanan sebagai Frame Label
pada panel properties.
9. Klik kanan frame 8 layer label dan pilih Insert Blank Keyframe. Seleksi frame 8 layer label ini
dan tekan Ctrl+F3 untuk memunculkan panel properties. Masukkan kiri sebagai Frame Label
pada panel properties.
10. Klik kanan frame 12 layer label dan pilih Insert Frame.
Membuat Tangan Kanan
11. Klik frame 1 layer tangan kanan agar anda aktif di layer tersebut, lalu buatlah sebuah
lingkaran kecil (digunakan sebagai tangan) di stage. Seleksi lingkaran tersebut dan tekan F8.
Masukkan tangan sebagai Name dan Movie clip sebagai Type dan tekan OK.
Lingkaran yang berfungsi sebagai tangan
12. Letakkan movie clip tersebut seperti gambar di bawah ini:
Letak tangan kanan pertama
13. Klik kanan frame 2 layer tangan kanan dan pilih Insert Keyframe.
14. Klik kanan frame 8 layer tangan kanan dan pilih Insert Keyframe.
15. Klik kanan frame 7 layer tangan kanan dan pilih Insert Keyframe. Ubah letak movie clip di
frame 7 layer tangan kanan seperti gambar di bawah ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPKVEw9ENhjNZrNEDNWqpsDM_OoUcu_JOvhOjkJ5VItLynLJOkL2rs0KI2H4XkzsytFOScrm3Ous4JM9rSkhVp9iinjXUrJ4dCuU7EPZKevmUwK3fdeHj8uO9XX99uC_SWple9dWhDCfX/s200/g3.PNG
Letak tangan kanan kedua
16. Klik kanan frame 2 layer tangan kanan dan pilih Create Motion Tween.
17. Klik kanan frame 12 layer tangan kanan dan pilih Insert Frame.
Membuat Tangan Kiri
18. Klik frame 1 layer tangan kiri agar anda aktif di layer tersebut, lalu bukalah panel Library
dengan menekan Ctrl+L. Drag movie clip tangan di panel Library ke stage.
19. Ubah bentuknya lebih kecil dari movie clip tangan di layer tangan kanan dan latakan seperti
pada gambar di bawah ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAUgCfMzlNa6EuVdv2UnWz6VxrD4hCSPOc3jv6ZBFyJ4vmNB-D1c_xgoMRY7R-vanphjqm42YLF7B-ngvEnsEph6XTO9youtJoapsB6JefyRjA2hiUWxOCfPXUJUMjCUUWcJPdbE3Df_J8/s200/g4.PNG
Letak tangan kiri pertama
20. Klik kanan frame 2 layer tangan kiri dan pilih Insert Keyframe.
21. Klik kanan frame 8 layer tangan kiri dan pilih Insert Keyframe.
22. Klik kanan frame 12 layer tangan kiri dan pilih Insert Keyframe. Ubah letak movie clip di
frame 12 layer tangan kiri seperti gamabr di bawah ini :
Letak tangan kiri kedua
23. Klik kanan frame 8 dan pilih Create Motion Tween.
Membuat Scriptnya
24. Klik frame 1 layer AS dan tekan F9. Pada kotak actions yang muncul masukkan script
berikut:
//hentikan animasi di frame ini
stop();
25. Klik kanan frame 7 layer AS dan tekan F9. Pada kotak actions yang muncul masukkan script
berikut:
//pindah ke frame 1
gotoAndStop(1);
26. Klik kanan frame 12 layer AS dan tekan F9. Pada kotak actions yang muncul masukkan
script berikut:
//pindah ke frame 1
gotoAndStop(1);
27. Tekan Ctrl+Enter untuk kembali ke stage scene 1. Klik frame 1 dan dan tekan F9. Pada kotak
actions yang muncul masukkan script berikut:
//membuat variable melompat dengan nilai false
melompat = false;
//membuat variable loncatan dengan nilai 30
loncatan = 30;
//membuat variable gravitasi dengan nilai 6
gravitasi = 6;
//membuat variable batasAtas dengan nilai 150
batasAtas = 150;
pemain.onEnterFrame = function() {
//jika tombol panah kanan pada keyboard ditekan
if (Key.isDown(Key.RIGHT)) {
//skala movie clip ini bernilai 100
this._xscale = 100;
//koordinat x movie clip ini ditambah 10 (bergerak ke kanan)
this._x += 10;
}
//jika tombol panah kiri pada keyboard ditekan
if (Key.isDown(Key.LEFT)) {
//skala movie clip ini bernilai -100
this._xscale = -100;
//koordinat x movie clip ini dikurangi 10 (bergerak ke kiri)
this._x -= 10;
}
//jika tombol panah atas pada keyboard ditekan
if (Key.isDown(Key.UP)) {
//ubah nilai variable melompat menjadi true
melompat = true;
}
//jika tombol a pada keyboard ditekan dan movie clip ini berada di frame 1
if (Key.isDown(65) && this._currentframe == 1) {
//mainkan frame berlabel kanan pada movie clip ini
this.gotoAndPlay("kanan");
}
//jika tombol s pada keyboard ditekan dan movie clip ini berada di frame 1
if (Key.isDown(83) && this._currentframe == 1) {
//mainkan frame berlabel kiri pada movie clip ini
this.gotoAndPlay("kiri");
}
//jika variable melompat bernilai true
if (melompat) {
//koordinat y movie clip ini dikurangi nilai variable loncatan
this._y -= loncatan;
//nilai variable loncatan di kurangi nilai variable gravitasi
loncatan -= gravitasi;
//jika koordinat y movie clip ini lebih dari nilai variable batasAtas
if (this._y>batasAtas) {
//nilai variable melompat diubah menjadi false
melompat = false;
//nilai variable loncatan diubah menjadi 30 kembali
loncatan = 30;
}
}
};
28. Script diatas hanya berlaku jika panjang dan lebar movie clip adalah 73.8 dan 70.5 serta
terletak di koordinat 139.2 untuk koordinat y nya. Jika panjang, lebar serta koordinat y movie
clip anda berbeda maka anda cukup mengubah nilai dari variable loncatan, gravitasi, batasAtas.
Ubah nilainya sampai gerakan movie clip yang dimainkan sesuai dengan keinginan anda.
29. Sebagai tambahan buatlah sebuah persegi panjang (digunakan sebagai lantai/tanah) dan
tempatkan di bawah kaki pemain.
30. Jika sudah tekan Ctrl+Enter untuk melihat hasilnya

game cool