logo ilmugrafis
Home Tutorials News Artikel Fonts Download Gallery
Google Powered Search
 
ilmu grafis » MACROMEDIA DAN ADOBE FLASH

Bikin Game Tangkap Nyamuk (Part 1)

Publish: 30 Juli 2012, Telah di Revisi 30 Januari 2013 | Author & Copyright: Irman Maulana | Status: FREE tutorial

Gak bisa tidur gara-gara banyak nyamuk? Pakailah obat nyamuk atau raket nyamuk! Ampuh ngusir nyamuk sampe pagi, walah, malah pasang iklan, hehee,.. semua orang pasti gak betah kalo di rumah banyak nyamuk. Apalagi kalo nyamuk nya susah di tangkap, malah makin stress kan,..?  nah, daripada kesel ngurusin nyamuk di rumah, mending urusin nyamuk yang satu ini.

Gak usah buru-buru beli raket nyamuk, karena yang dimaksud ialah kita akan membuat permainan Games Tangkap Nyamuk dengan menggunakan Adobe Flash. Rasakan kenikmatan meSM*SH nyamuk!! Caranya?
Ikuti tutorial Flash berikut ini:

1.] Buka program macromedia flash atau adobe flash (sama saja karena script yang digunakan masih action script 2.0)

2.] Setting ukuran stage menjadi 800x600 pixel.
Buat movie clip baru dengan memilih menu Insert > New Symbol. Beri nama nyamuk.

3.] Pada editor movieclip, buatlah gambar nyamuk! gak usah ribet-ribet yang penting kelihatan kayak nyamuk.
nyamuk
gambar : nyamuk

4.] Pada frame 2, buat blank keyframe baru (F7). lalu  gambarlah objek darah seperti di bawah ini.
nyamuk Mati

5.] Ubah gambar darah tadi menjadi movie clip dengan mengklik kanan pada objek pilih Convert to Symbol.

6.] Pada frame 10, buat keyframe(F6) kemudian buka panel properties. Kemudian ubah color dengan alpha dengan persentase 0%.
image ilmugrafis

7.] Klik kanan di tengah frame lalu pilih Create Motion Tween.
Create Motion Tween

8.] Pada frame 1. Buka panel action kemudian beri perintah stop();

9.] Keluar dari editor, lalu masukan movieclip nyamuk yang telah kita buat dari library ke stage dengan cara mendrag nya.
Taruh movieclip nyamuk di luar area stage karena movieclip yang asli tidak kita gunakan.

10.] Klik movie clip nyamuk kemudian buka panel action. Ketikan script di bawah ini.


11.] Buka panel properties, kemudian pada kolom instance name beri nama nyamuk
image ilmugrafis

12.] Selanjutnya, buat movie clip baru dengan nama raket.

13.] Buatlah 3 buah keyframe dan pada masing-masing frame gambarkan sebuah raket dengan bentuk berbeda-beda seperti di bawah ini.
image ilmugrafis
Langkah di atas di maksudkan untuk animasi raket saat tombol mouse di tekan.

14.] Seleksi gambar raket pada frame 1 dengan Selection Tool (V) tetapi tidak dengan pegangan raket. Liat gambar dibawah.
image ilmugrafis

15.] Setelah diseleksi, ubah menjadi movieclip. Pada properties, beri nama area  pada instance name.

16.] Pada frame 1, beri perintah stop();

17.] Keluar dari editor, masukan movieclip raket ke stage kemudian beri action script di bwah ini:


Lalu, buka panel propertise, beri nama instance “raket”
image ilmugrafis

18.] Langkah terakhir, pada frame 1 main movie ketikan script berikut:


19.] Jalankan movie (CTRL+ENTER).

20.] Hasil nya seperti di bawah ini

Game Tangkap Nyamuk... Ciaaatttttt!!!!

Nah, asik kaaannn??? Eittss,.. jangan senang dulu, karena tutorial ini masih berlanjut.
Silahkan Akses Tutorial Game Nyamuk bag.2 karena disitu kita akan menambahkan efek suara, score dan counter time agar permainan ini jadi lebih menantang.
Terima kasih, semoga tutorial Belajar Membuat Game ini bermanfaat

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
android apk IlmuGrafiscom Apk | rss Berlangganan ilmuGrafis.com via Email


author
<> Info dan Kontak Penulis
Tentang penulis:
Irman Maulana lahir di Sukabumi, 27 september 1989. Kini sedang melanjutkan studi di AMIK BSI Sukabumi. Mengenal dunia komputer sejak duduk di bangku smp kelas 1. Hobi maen musik dan foto-foto.

Motto: Sebarkanlah ilmu walau hanya satu kata.
Email : ryuur3i@gmail.com
Facebook : irman.rightway
Website : http://www.bengkelflash.com

Saya (Penulis) bersedia mematuhi ketentuan dan peraturan di IG
- Tutorial / Artikel ini resmi saya diberikan untuk dipublikasikan di www.ilmugrafis.com
- Kritik, Saran, maupun Pertanyaan seputar Tutorial bisa menghubungi Penulis
Semoga Bermanfaat, Terima kasih


Rekomendasi Resmi ilmuGrafis
Metode Belajar Cepat dan Mudah dengan Video Tutorial dan Desain Grafis Source
Dipersembahkan oleh www.ilmuGrafis.net
FLA4
Adobe Flash CS4

CD Video Tutorial Flash mengajarkan membuat animasi, presentasi, banner dan web design
FLG
Flash CS4 Programmer

Video Tutorial Flash membahas Pemrograman dan Animasi berbasis Action Script Flash
AECS3
After Effect CS3

CD Video Tutorial After Effect CS3 untuk membuat efek animasi Profesional pada Film Movie / Film


ARTsense Dumetschool
Advertisement

Aturan dan Kebijakan di website ilmugrafis

  • Semua Konten di ilmuGrafis.com bertujuan sebagai media pendidikan dan pembelajaran, oleh karena itu dimohon tidak menyalahgunakan informasi dan pengetahuan yang diperoleh untuk hal - hal yang merugikan diri sendiri maupun orang lain
  • Kami melakukan segala upaya untuk memastikan bahwa informasi di ilmuGrafis.com tersaji seakurat dan sebaik mungkin. Anda bisa melaporkan jika ada konten ataupun informasi yang tidak berkenan di Kontak
  • Jika anda ingin memposting ulang atau mengcopy konten yang ada di ilmuGrafis.com maka silahkan membaca terlebih dahulu Terms Of Use

kategori

PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Plugins

CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Tools

PHOTOGRAPHY
Lightroom

VECTORIZE
Adobe Illustrator

ANIMATION
Flash
Swishmax

3D MODELING
3dsMAX
AutoCAD
Cinema 4D

VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle

WEB DEVELOPER
Dreamweaver
jQuery

PUBLISHING
InDesign
Ms. Paint

FREEWARE
Gimp
Inkscape

DESIGN
News
Artikel

PERKAKAS
Fonts
Software
Templates

INSPIRATION
Gallery
Papercraft

EXHIBITION
Liga Grafis
Hall Of Fame

EXTRA
Bursa Kerja
Jasa Grafis
Donasi

INTERAKSI
Buku Tamu
Kontak
Facebook
Google+
Twitter

Link Banner
ilmugrafis banner

Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com Design and Development by IG Team.
All other trademarks are the property of their respective owners.
kembali ke atas / back to top