Membuat Game Tebak Ngaco dengan adobe Flash CS5

0 komentar

1.       Buatlah sebuah lembar document baru, action script 2.0 dan atur document propertiesnya seperti gambar dibawah ini:
2.jpg
2.       Insert layer sebanyak 9 kali dan ubah nama layer-layernya menjadi seperti gambar berikut:
1.jpg
3.       Di layer intro, import to library dari folder images file intro.jpg dan start.jpg. buat tampilan seperti gambar dibawah ini:

3.jpg
Kemudia convert to symbol atau klik F8 gambar start.jpg ganti typenya menjadi Button
4.jpg
Dan ketikan instance namenya tomStart
6.jpg
Setelah itu atur size di properties dari gambar bitmap intro.jpg seperti gambar berikut:
5.jpg
1.       Pilih layer script dan di frame 1 insert keyframe dan klik kanan pilih Actions, kemudian ketikan script seperti ini:
script1.jpg
2.       Pilih layer menuutama dan di frame 2 insert keyframe, buat tampilan seperti gambar berikut:
7.jpg
Caranya, import to library dari folder images gambar menuutama.jpg, main.jpg, dan back.jpg. untuk gambar bitmap menuutama ubah sizenya width: 550 height: 400. Untuk gambar bitmap main dan back convert to symbol(F8) dengan type Button, dan ketikan nama instance namenya tomMain dan tomKeluar.


Untuk button tomKeluar klik F8 dan ketikkan script seperti gambar dibawah ini:
scriptkeluar.jpg
3.       Pilih layer script di frame 2 insert keyframe, ketikan script seperti gambar berikut:
script2.jpg
4.       Pilih layer level 1 di frame 3 insert keyframe, import to library gambar level.jpg dan atur size width: 550 height: 400, atur tampilan seperti gambar berikut :
8.jpg

5.       Pilih layer script di frame 3 insert keyframe, ketikan script seperti gambar dibawah ini:
scipt3.jpg
6.       Pilih layer kalah 1 di frame 4 insert keyframe dan buat tampilan seperti berikut:
9.jpg
Caranya import to library gambar bitmap dari folder images Kalah.jpg, dan replay.jpg atur tampilan seperti gambar diatas. Untuk gambar bitmap Kalah convert to symbol(F8) dengan instance namenya tomReplay
7.       Pilih layer script di frame 4 insert keyframe dan klik kanan action, masukan script seperti berikut ini:
scipt4.jpg
8.       Pilih layer level 2 di frame 5 insert keyframe dan buat tampilan seperti gambar berikut:
10.jpg
Caranya import to library gambar bitmap level.jpg, dan level2.jpg dari folder images, setelah itu tambahkan shape dengan size seperti gambar bitmap level2.

Kemudian convert to symbol gambar bitmap level2 menjadi movie clip, kemudian potongan kedua gambar tersebut menjadi 9 bagian caranya dengan menggunakan line tool. Hasilnya seperti gambar dibawah ini:

11.jpg 

9.       Untuk potongan gambar setiap objek klik kanan pilih action atau tekan F8 masukan script seperti berikut:
12.jpg
10.   Pilih layer script di frame 5 insert keyframe dan masukkan script seperti gambar berikut:
scipt5.jpg
11.   Pilih layer level 3 di frame 6 insert keyframe, buat tampilan seperti gambar berikut ini:
13.jpg
Caranya import to library gambar bitmap level.jpg, dan radio-button.jpg dari folder images, dan tulisan di atass dibuat dengan texttool. Untuk gambar bitmap radio-button convert to symbol dengan type button, ketikan instance namenya masing-masing: rbA,rbB,rbC,rbD (penamaan dari atas kebawah)

12.   Pilih layer script di frame 6 insert keyframe dan ketikan script berikut :
script6.jpg

13.   Pilih layer kalah 2, dan buat tampilan seperti gambar dibawah ini. Lakukan sama seperti langkah ke-9
14.   Pilih layer script di frame 7 insert keyframe dan ketikan script seperti gambar berikut ini:
script7.jpg
15.   Pilih layer tamat dan di frame 8 insert keyframe, buat tampilan seperti gambar berikut ini:
14.jpg

Caranya import to library dari folder images gambar bitmap menuutama.jpg dan pilih components atau tekan Ctrl-F7 di user interface drag gambar Button kemudian convert to symbol menjadi movie clip, tekan F9 masukan script berikut:
111.jpg

Read More......
Copyright © Teknologi Dan Komputer