Salam Pengunjung setia bikingame8 nah, kali ini kita akan membahas tentang Cara Membuat Game JigSaw Menggunakan Animasi Flash , tapi sebelumnya agar tidak bingung,gundah gulana,kacau masuk angin, kita harus tau terlebih dahulu, apa dan bagaimana model,cara bermain game jigsaw itu, mari kita bahas bersama:
game jigsaw itu cara main ya dengan menyusun kembali potongan potongan gambar yang terpisah. pada pembuatan kreasi kali ini kita kana belajar
bagaimana membuat game jigsaw dengan mudah dan simple. sobat juga dapat memodifikasi game ini sesuai dengan selera
sobat.
1. buka aplikasi macromedia flash sobat dengan memilih >> action script 2.0
2. bagian kanan dialog new dokument atur ukuran lembar kerja W : 550px H: 400px
3. setelah masuk kedalam lembar kerja buat empat macam layar, seperti ini :
4. aktif dengan memilih layer 'BAGROUND', lalu imfort file gambar yang ingin anda jadikan baground, klw ane gambar dari flash ya saja untuk latar ya, biar kagak ribet hehe
5.ketikkan dengan menggunakan tools Text Tool, ketikan teks 'JIG' dan 'SAW'
6. seleksi kedua teks, kemudian tekan ctrl + c untuk menyalin teks dan ctrl + v untuk menempatkan hasil salinan diatas teks asli
7. ubah warna teks salinan 'JIG' menjadi putih dan 'SAW' menjadi kuning
8. buat sebuah persegi panjang berwarna hitam dengan Rectangle Tool, kemudian letakkan ditengah lembar kerja.
9. buat salinan objek persegi panjang tersebut, dan letakkan diatas sedikit dari objek aslinya. ubah warna objek menjadi putih.
10. import file gambar yang nantinya kita gunakan objek dalam game ini : disini admin menggunakan 'fotoku.png' .
seusaikan seperti gambar berikut :
11. setelah semua selesai
12. buat sebuah objek persegi panjang berwarna putih dengan ukuran sedikit lebih besar dari ukuran file gambar yang baru kita impor.
13. pilih layer puzzle, masuk kedalam panel Libary, klik tahan file gambar yang nanti ya akan
kita jadikan objek dalam game ini misal saya menggunakan gambar 'aldi.jpg' , lalu tarik ke dalam lembar kerja. atur ukuran seperti ini :
14. pilih layer puzzle, lalu tekan Ctrl+B (Ingat klik fotoku.png) , ini berguna untuk memisahkan gambar.
15. pilih Line tool, lalu buat garis-garis seperti gambar ini:
16. seleksi aja semua objek garis (potongan gambar ) diatas gambar, kemudian tekan ctrl+B
17. klik pada bagian-bagian gambar , kemudian pisahkan seperti pada gambar berikut
18. hilangkan objek garis dengan menekan tombol delete, sehingga hasilnya akan tampak seperti gambar berikut :
nah Angka-angka diatas saya disini ane kasi nomor sementara (inisial aja) jangan anda ketik
19. seleksi bagian 1 dengan > selection tool, kemudian tekan f8, untuk mengubahnya menjadi movie clip dan beri nama "mod2_mc".
20. seleksi bagian 2, lalu tekan f8 ubah jadi movie clip beri nama "mod2_mc".
demikian potongan gambar selanjutnya
-gambar bagian 3 = mod3_mc
-gambar bagian 4 = mod4_mc
-gambar bagian 5 = mod5_mc
-gambar bagian 6 = mod6_mc
21. Ingat untuk bagian-bagian movie-clip yang telah kita buat, beri nama instance name sesuai dengan nama movie clip tersebut (mod_mc sam
pai dengan mod6_mc. contoh :
22. selanjutnya pilih layer TOMBOL, lalu tambahkan button dengan memilih menu window > common libraries > button , akan tampil jendela External library.
23. pilih folder 'button rounded double' lalu klik dan tahan ke lembar kerja kita.
didalam lembar kerja button, aktif pada layer text dan ubah tulisan 'enter' pada button menjadi 'skip'. lihat gambar :
24. Tekan f5 pada frame 2 layer BAGROUD, lalu klik kanan pada frame 2 layer puzzle, lalu klik insert blank keyframe
25. pilih rectangle tool, kemudian buatlah objek persegi kotak berwarna putih dengan ukuran sama seperti lembar kerja
klik pada objek kotak kemudian masuk ke panel Color dan ubah nilai opacity menjadi 50 %
26.masuk ke panel library , klik dan tahan gambar fotoku.jpg (objek gambar game).
27.lalu tambahkan 2 button lagi, seperti gambar berikut ini :
28. pilih pada keyframe 1 layer script, kemudian tekan f9 ( disini merupakan tempat koding )
langkah penting selanjutnya yaitu pengkodingan, nah disini sobat harus teliti hati-hati salah dalam penempatan pengkodean,
jika salah tempat sampek lebaran kucing game kita tidak akan jalan sob hehehe berikut koding yang diperlukan
untuk game ini :
29. dalam panel actions, ketikkan action script dibawah ini :
A . Klik layer Script > tekan f9 ketik koding dibawah ini :
var modArr:Array = [mod_mc, mod2_mc, mod3_mc,
mod4_mc, mod5_mc, mod6_mc];
for (i = 0; i < modArr.length; i++) {
modArr [i].onPress = function(){
startDrag (this);
}
modArr[i].onRelease = function() {
stopDrag();
}
}
B . pilih layer Tombol klik tombol 'skip', kemudian f9 > ketik kode dibawah ini :
on(release) {
gotoAndStop(2);
}
4. aktif dengan memilih layer 'BAGROUND', lalu imfort file gambar yang ingin anda jadikan baground, klw ane gambar dari flash ya saja untuk latar ya, biar kagak ribet hehe
5.ketikkan dengan menggunakan tools Text Tool, ketikan teks 'JIG' dan 'SAW'
6. seleksi kedua teks, kemudian tekan ctrl + c untuk menyalin teks dan ctrl + v untuk menempatkan hasil salinan diatas teks asli
7. ubah warna teks salinan 'JIG' menjadi putih dan 'SAW' menjadi kuning
8. buat sebuah persegi panjang berwarna hitam dengan Rectangle Tool, kemudian letakkan ditengah lembar kerja.
9. buat salinan objek persegi panjang tersebut, dan letakkan diatas sedikit dari objek aslinya. ubah warna objek menjadi putih.
10. import file gambar yang nantinya kita gunakan objek dalam game ini : disini admin menggunakan 'fotoku.png' .
seusaikan seperti gambar berikut :
11. setelah semua selesai
12. buat sebuah objek persegi panjang berwarna putih dengan ukuran sedikit lebih besar dari ukuran file gambar yang baru kita impor.
13. pilih layer puzzle, masuk kedalam panel Libary, klik tahan file gambar yang nanti ya akan
kita jadikan objek dalam game ini misal saya menggunakan gambar 'aldi.jpg' , lalu tarik ke dalam lembar kerja. atur ukuran seperti ini :
14. pilih layer puzzle, lalu tekan Ctrl+B (Ingat klik fotoku.png) , ini berguna untuk memisahkan gambar.
15. pilih Line tool, lalu buat garis-garis seperti gambar ini:
16. seleksi aja semua objek garis (potongan gambar ) diatas gambar, kemudian tekan ctrl+B
17. klik pada bagian-bagian gambar , kemudian pisahkan seperti pada gambar berikut
18. hilangkan objek garis dengan menekan tombol delete, sehingga hasilnya akan tampak seperti gambar berikut :
nah Angka-angka diatas saya disini ane kasi nomor sementara (inisial aja) jangan anda ketik
19. seleksi bagian 1 dengan > selection tool, kemudian tekan f8, untuk mengubahnya menjadi movie clip dan beri nama "mod2_mc".
20. seleksi bagian 2, lalu tekan f8 ubah jadi movie clip beri nama "mod2_mc".
demikian potongan gambar selanjutnya
-gambar bagian 3 = mod3_mc
-gambar bagian 4 = mod4_mc
-gambar bagian 5 = mod5_mc
-gambar bagian 6 = mod6_mc
21. Ingat untuk bagian-bagian movie-clip yang telah kita buat, beri nama instance name sesuai dengan nama movie clip tersebut (mod_mc sam
pai dengan mod6_mc. contoh :
22. selanjutnya pilih layer TOMBOL, lalu tambahkan button dengan memilih menu window > common libraries > button , akan tampil jendela External library.
23. pilih folder 'button rounded double' lalu klik dan tahan ke lembar kerja kita.
didalam lembar kerja button, aktif pada layer text dan ubah tulisan 'enter' pada button menjadi 'skip'. lihat gambar :
24. Tekan f5 pada frame 2 layer BAGROUD, lalu klik kanan pada frame 2 layer puzzle, lalu klik insert blank keyframe
25. pilih rectangle tool, kemudian buatlah objek persegi kotak berwarna putih dengan ukuran sama seperti lembar kerja
klik pada objek kotak kemudian masuk ke panel Color dan ubah nilai opacity menjadi 50 %
26.masuk ke panel library , klik dan tahan gambar fotoku.jpg (objek gambar game).
27.lalu tambahkan 2 button lagi, seperti gambar berikut ini :
28. pilih pada keyframe 1 layer script, kemudian tekan f9 ( disini merupakan tempat koding )
langkah penting selanjutnya yaitu pengkodingan, nah disini sobat harus teliti hati-hati salah dalam penempatan pengkodean,
jika salah tempat sampek lebaran kucing game kita tidak akan jalan sob hehehe berikut koding yang diperlukan
untuk game ini :
29. dalam panel actions, ketikkan action script dibawah ini :
A . Klik layer Script > tekan f9 ketik koding dibawah ini :
var modArr:Array = [mod_mc, mod2_mc, mod3_mc,
mod4_mc, mod5_mc, mod6_mc];
for (i = 0; i < modArr.length; i++) {
modArr [i].onPress = function(){
startDrag (this);
}
modArr[i].onRelease = function() {
stopDrag();
}
}
B . pilih layer Tombol klik tombol 'skip', kemudian f9 > ketik kode dibawah ini :
on(release) {
gotoAndStop(2);
}
C. pilih layer PUZZLE, klik tombol 'ulangi' > tekan f9 masukan kode dibawah ini :
on(release) {
gotoAndStop(1);
}
kemudian untuk tombol 'EXIT :
on (press) {
fscommand("quit", "1");
}
Selesai, tekan CTRL + Enter untuk menjalankan.
Demikian Tutorial Tentang Cara Membuat Game JigSaw Menggunakan Animasi Flash
Oea klw agan-agan http://bikingame8.blogspot.com/ kagak mau deh repot-repot, nggak ada waktu ngikutin Tutorial nya,
berhubung bulan Ramadhan Admin kasi link untuk donwload file mentah nya silahkan klik disini : Donwload Game jigsaw
Demikian Tutorial Tentang Cara Membuat Game JigSaw Menggunakan Animasi Flash
Oea klw agan-agan http://bikingame8.blogspot.com/ kagak mau deh repot-repot, nggak ada waktu ngikutin Tutorial nya,
berhubung bulan Ramadhan Admin kasi link untuk donwload file mentah nya silahkan klik disini : Donwload Game jigsaw
, bagaimana cukup mudah dan sederhana bukan, jika masih bingung silahkan tinggal kan komentar anda Terimakasih.
No comments:
Post a Comment