Cara Membuat Karakter Game Action Dengan Macromedia Flash 8

Buat karakter game dengan Line Tool dan Selection Tool untuk membuat lengkungan dan menggeser garis. Buat pola yang asal-asalan saja dulu dengan Line Tool karena pada akhirnya bisa diperbaiki dengan fungsi Selection Tool. 

Pada Selection Tool, jika ujung cursor menunjukkan tanda melengkung berarti Selection Tool digunakan untuk menglengkungkan garis, tetapi jika menunjukkan siku-siku berarti Selection Tool digunakan untuk menggeser garis.

Bagi saya, Pen Tool pada Macromedia Flash 8 lebih sulit digunakan daripada Pen Tool pada photoshop. Jadi, saya memilih menggambar dengan Line Tool. Kalau bagi kamu menggunakan Pen Tool lebih mudah, itu kabar bagus!!.

Untuk tangan kanan, tangan kiri, kaki kanan dan kaki kiri dibuat pada layer yang berbeda dan dijadikan simbol movie clip. Beri gerakan berayun di dalam movie clip tangan kanan. Begitu pun dengan tangan kiri, kaki kanan dan kaki kiri.

Setelah itu, blok karakter secara keseluruhan, lalu tekan F8 dan pilih graphic. Kemudian tekan F8 lagi dan pilih movie clip. 

Jika gambara dijadikan movie clip mungkin akan berdampak pada layer-layer lain yang menjadi kosong. Tetapi, tidak berdampak pada gerakan movie clip dari kedua tangan dan kedua kaki yang sudah kita buat. Layer-layer yang menjadi kosong bisa dihapus, sehingga hanya tersisa satu layer.

Kenapa sebelumnya gambar karakter dijadikan simbol graphic? Agar bisa diambil dari panel library untuk ditempatkan pada frame tertentu sesuai keperluan, sebab sepertinya posisi berdiri tegak akan selalu dibutuhkan setiap kita akan membuat animasi jurus dari karakter.

Sampai sini kamu sudah mendapatkan karakter kamu untuk posisi berjalan. Selanjutnya, tinggal membuat gerakan menendang dan memukul dengan sebelumnya menekan F7 pada frame ke 2 di dalam movie clip karakter. 

Atau mungkin kamu ingin karakter kamu mengeluarkan senjata dan tenaga dalam, kamu bisa saja memasukkan gambar gerakan-gerakan tersebut pada frame-frame berikutnya.

Di sini saya membuat movie clip menendang ke kanan pada frame ke 2 di dalam movie clip karakter (klik dua kali movie clip karakter). 

Pada frame ke 3 di dalam movie clip karakter, saya buat karakter berdiri hadap kiri. Pada frame ke 4 di dalam movie clip karakter, saya buat karakter menendang ke kiri. 

Pada setiap frame di dalam movie clip karakter beri action script stop(); pada framenya, bukan pada movie clip.

Sedangkan, di dalam movie clip karakter menendang (klik dua kali movie clip karakter menendang) baik ke kiri maupun ke kanan, buat animasi frame by frame untuk gerakan menendang agar gerakannya terlihat halus.

Di dalam movie clip karakter menendang ke kanan yang saya buat adalah seperti ini. 

Gambar karakter berdiri hadap samping (frame 6) adalah simbol graphic. Untuk menendang ke kiri, tinggal dicopy saja movie clip menendang ke kanan lalu di flip horizontal dengan mengklik modify->transform->flip horizontal.

Action Script ditulis di dalam movie clip utama pada layar scene. Action Scriptnya adalah sebagai berikut :

onClipEvent(enterFrame){if(Key.isDown(Key.RIGHT)){this._x+=20;}

else if(Key.isDown(Key.LEFT)){this.gotoAndStop(3);}}

onClipEvent(enterFrame){if(Key.isDown(Key.LEFT)){this._x-=20;}

else if(Key.isDown(Key.RIGHT)){this.gotoAndStop(1);}}

onClipEvent(enterFrame){if(Key.isDown(74)&&this._currentframe==1){this.gotoAndPlay(2);}

if(Key.isDown(74)&&this._currentframe==3){this.gotoAndPlay(4);}}

Keterangan :

This mengartikan si movie clip utama.

 _x+ mengartikan movie clip berjalan pada sumbu x ke arah kanan.

_x- mengartikan movie clip berjalan pada sumbu x ke arah kiri.

Angka 20 mengartikan kecepatan berjalan. Paling lambat, angka normalnya adalah 10.

Else if berarti lain jika.

Angka 74 mengartikan kode huruf J yang saya pakai untuk menuju frame menendang ke kanan dan ke kiri.

Menggunakan gotoAndStop untuk menuju frame 3 dan frame 1 agar animasi pada frame berikutnya tidak berjalan. 

Hal ini agar bisa mendapatkan gerakan karakter berjalan ke kanan dan ke kiri karena pada frame 1 movie clip saya berisi gambar karakter berdiri hadap kanan dan pada frame 3 berisi gambar karakter berdiri hadap kiri.

Menggunakan gotoAndPlay untuk menuju frame 2 dan frame 4 agar animasi di dalam gerakan menendang bisa dijalankan.

_currentframe mengartikan di frame yang aktif dari movie clip utama.

Catatan :

Untuk membuat gerakan melompat, memukul dan jurus lainnya sama seperti saat kamu membuat gerakan menendang. 

Action scriptnya pun sama. Yang berbeda hanya gotoAndPlay ke frame berapa gerakan yang kamu inginkan dan menggunakan kode keyboard apa. Setiap gerakan dibuat hadap kanan dan kiri pada frame yang berbeda agar bisa merespon musuh yang datang dari kanan dan kiri.

Berikut kode huruf dan angka pada keyboard untuk Action Script :

A = 65    K = 75    U = 85     4 = 52

B = 66    L = 76     V = 86     5 = 53

C = 67   M = 77    W = 87    6 = 54

D = 68   N = 78     X = 88     7 = 55

E = 69   O = 79     Y = 89      8 = 56

F = 70   P = 80      Z = 90      9 = 57

G = 71   Q = 81     0 = 48

H = 72   R = 82     1 = 49

I = 73    S = 83      2 = 50

J = 74    T = 84      3 = 51

Fungsi Keyboard Untuk Mengontrol Frame

Untuk mengontrol frame, keyboard yang biasa digunakan adalah panah kanan dan panah kiri. Action script dituliskan di dalam sebuah tombol, di mana tombol itu diletakkan di luar stage. Pada frame awal dan terakhir, beri action script : stop(); agar keyboard bisa difungsikan.

Action Script :

on (keypress"<Right>") {nextFrame();}

on (keypress"<Left>") {prevFrame();}