Kali ini saya mau share tentang cara membuat game Puzzle buatan sendiri dengan menggunakan Adobe Flash atau Macromedia Flash, dalam hal ini saya menggunakan Adobe Flash CS3.
Langsung saja ya.. :)
Untuk membuat game ini, yang harus disiapkan terlebih dahulu adalah Adobe Flash-nya. Jelaskan kalau gak punya aplikasi-nya mau bikin pakai apa coba.. hee.. :) . Terus siapkan beberapa gambar yang mau dijadikan sebagai objeknya nanti. Siap... lanjuut..
1. Buka adobe flash dengan memilih new Document Action script 2.0. ukuran yang digunakan terserah ente lah.. :)
2. Pilih menu file > import > import to library, pilih gambar yang udah disiapkan tadi.
3. Pada menu librarynya, drag n drop ke workspace..
4. Klik pada gambar, klik kanan dan pilih break apart.
5. Potong gambar sesuka hatimu dengan menggunakan Line Tool.
6. Setiap potongan di convert to Movie Clip dan diberi nama sesuka hatimu, sekalian tulis nama yang sama pada frame labelnya.
7. Pilih semua potongan yang sudah diconvert tadi, lalu di Copy dan di Paste.
8. Pisahkan semua potongan yang pertama, lalu pada Frame Label tambahkan "target" di setiap potongan.
Oke, sampai disini, kita punya 2 gambar yang sama yang sudah dipotong-potong. perbedaannya pada frame labelnya, yang pertama frame labelnya sesuai dengan nama instance of -nya, lalu yang kedua frame labelnya kita tambahkan kata "target". Tujuannya adalah untuk menjadi target dari potongan yang lain yang mirip dengan potongan itu.
9. Langkah selanjutnya, buat setiap potongan target menjadi transparan, alpha = 0. Sehingga yang tampak hanya potongan dengan frame label sesuai namanya.
10. Selanjutnya pada setiap potongan yang tampak kita beri action script. caranya tekan tombol F9 pada keyboard. Maka akan muncul jendela actionnya.
11. Kemuan ketikkan program seperti pada gambar berikut:
12. Tulis lagi script tersebut mulai dari xawal1 = hit1._x sampai sebanyak potongan yang anda buat. xawal2, xawal3, dan seterusnya. Yang saya lingkari adalah jumlah potongannya, saya bikin ada 12. kamu?
hit1 adalah frame label potongan yang nampak, hit1_target adalah frame label yang kita buat jadi transparan tadi.
13. Selanjutnya pada frame yang sama, buat kotak text dengan dengan jenis Dynamic Text, untuk membuat kotak Scorenya.
14. Tambahkan frame baru, kemudian tulis "Anda Menang", dan diberi frame label "menang", dalam hal ini saya memberi nama "menang_normal2".
15. Sudah selesai.. jalankan.. test movie dengan tekan tombol Ctrl + Enter.
Dan.. mainkan gamenya..
Untuk membuat level-level kesusahan dari gamenya, bikin saja potonganya lebih banyak. Gimana? gampang kan?
Ini contoh game yang saya buat, tapi hanya .exe nya saja, karena .fla nya cukup besar, jadi maaf ya.. :) silahkan dilihat, dan di kembangkan..
Download Game Puzzle
6 komentar:
bro plisss tutorx ditambahkan gambar ,biar lebih mudah dimengerti
oke, tgkiu sarannya, akan segera diupdate
mas, kalo untuk as3 ada gk ya tutorial nya? saya mau cba buat pake level, cma krg ngerti.
mas, saya udah coba tutorialnya, tapi kok setelah berhasil drag&dropnya ga bisa jalan ke frame "menang" ya?
Halo mbak @Nayla Nuha dan @Maya Angreani , maaf baru update komentarnya. silahkan inbox saja ke akun Facebook saya ya. soalnya jarang update di blog. Terima kasih.
Mas tolong di perjelas dengan tutorial video dong,. Thanks
Posting Komentar