Sunday, 17 January 2016

Tutorial Dalam Membuat Game Fighter Plane Menggunakan Adobe Flash CS6



Atas kesempatan kali ini saya akan memberikan sedikit pengetahuan dasar dalam membuat game Fighter Plane versi YunYun menggunakan Adobe Flash CS6. Dalam pembuatan game tersebut ada baiknya kita sudah harus mengetahui lebih dulu tentang tools-tools yang ada pada Adobe Flash CS 6 tersebut demi kelancaran dalam pembuatan game Fighter Plan.

Langsung saja pada langkah awal yaitu dengan :

1         1.         Pilih menu File -> New.
2.       Pada bagian dialog New Document pilih ActionScript 2.0 -> atur Frame rate menjadi 50 fps.

3.       Kemudian pilih Tools yang akan digunakan seperti Rectengle tool, Pen tool, Selection tool,              Oval tool dan buatlah object yang menyerupai pesawat seperti pada gambar berikut berikut:

4.       Agar bisa menggerakkan object pesawat tersebut kita harus menggunakan beberapa code script.
5.       Klik kanan pada object pesawat yang berwarna biru, lalu pilih Convert to Symbol.
6.       Pada bagian dialog Convert to Symbol, silahkan isi kolom Name dengan pesawatku dan Type            dengan pilihan Movie Clip, dan pada Registration pilih titik tengah seperti pada gambar berikut:

7.       Pada panel Propertis isi kolom Instance name dengan pesawatku, seperti gambar berikut:

8.       Setelah itu buatlah sebuah object peluru menggunakan Oval tool seperti pada gambar berikut:

9.       Klik kanan pada object peluru, lalu pilih Convert to Symbol.
10.   Pada bagian dialog Convert to Symbol, silahkan isi kolom Name dengan peluru dan Type                  dengan pilihan Movie Clip, dan pada Registration pilih titik tengah seperti pada gambar berikut:

11.   Tampilkan panel Library.
12.   Klik kanan symbol peluru pada panel tersebut seperti pada gambar berikut:

13.   Pada bagian dialog Symbol propertis, klik Advance kemudian centang Export for ActionScript       perti pada gambar berikut:

14.   Selanjutnya klik kanan pada object pesawat biru tersebut lalu pilih Actions.
15.   Ketikkan Script tersebut:

16.   Langkah selanjutnya adalah klik object pesawat yang berwarna merah tersebut putar object                 sampai mengara kebawah atau berlawanan arah dengan pesawat biru seperti pada gambar berikut:

17.   Klik kanan pada object pesawat yang berwarna merah, lalu pilih Convert to Symbol.
18.   Pada bagian dialog Convert to Symbol, silahkan isi kolom Name dengan lawan dan Type dengan       pilihan Movie Clip, dan pada Registration pilih titik tengah seperti pada gambar berikut:

19.   Hapus object pesawat tersebut dengan menekan tombol Delete.
20.   Klik kanan symbol lawan pada panel tersebut seperti pada gambar berikut:

21.   Pada bagian dialog Symbol propertis, klik Advance kemudian centang Export for ActionScript       seperti pada gambar berikut:

22.   Langkah selanjutnya adalah penghitungan score dan jumlah hidup ketika pesawat bertabrakan.
23.   Pilih Text tool dan tentukan Text type dengan Dynamic text seperti pada gambar berikut:

24.   Buatlah dua kotak text seperti pada gambar berikut:

25.   Klik kotak text pada bagian kiri tersebut dan panel pengaturan Options pada kolom Variabel isi           dengan score seperti pada gambar berikut:

26.   Kemudian Klik kotak text pada bagian kanan tersebut dan panel pengaturan Options pada kolom         Variabel isi dengan hidup:
27.   Langkah selanjutnya pilih Text tool kembali dan pada panel Propertis pilih Type text dengan           Static text seperti pada gambar berikut:

28.   Ketikkan text seperti pada gambar berikut:


29.   Selanjutnya klik frame 1 pada panel Timeline seperti pada gambar berikut:

30.   Klik kanan lalu pilih Actions kemudian ketikkan Script tersebut seperti pada gambar berikut:

31.   Langkah selanjutnya membuat tampilan Game Over pada frame yang ke-2.
32.   Klik kanan frame 2 pada layer 1 lalu pilih Insert Blank keyframe seperti pada gambar berikut:

33.   Pilih Text tool kembali untuk membuat sebuah tulisan Game Over seperti pada gambar berikut:

34.   Pada tahap akhir klik frame 2 pada layer 1 lalu klik kanan pilih Actions dan ketikkan Script                tersebut :

      35.  Setelah itu untuk menjalankan/memainkan game tersebut dengan tombol Ctrl+Enter maka akan tampil           sebagai berikut:


Selamat mencoba dan semoga berjalan dengan baik Game Fighter Plan.

1 comment: