PENDAHULUAN
Catatan Penulis : Artikel ini aselinya ditulis pada 2006 tapi belum sempat dipublikasikan.
Topiknya adalah dasar membuat game dengan Flash dan ActionScript 1. Flash yang dipakai
adalah Flash MX (Flash 6) dengan ActionScript versi 1.0. Karena ketika itu ActionScript 2
(apalagi AS3), belum muncul. Walaupun menggunakan flash versi lama, artikel ini tetap bisa
diterapkan di versi flash terbaru: CS3, CS4. Sehingga masih relevan untuk dipelajari, terutama
bagi pemula
Artikel ini membahas tentang pembuatan game di Flash. Dengan pendekatan langsung praktek
dan step-by step. membuat game sederhana bertipe space shooter atau 2D vertical shooter atau
Shoot em up. Sebuah jenis permainan yang sudah dikenal semua orang sejak zaman dulu..
masih inget khan ama game 1942 di mesin Arcade atau Raptor zaman DOS dulu?
Tiap2 step dari arikel ini disertai source code fla tersendiri, sehingga anda bisa mengikutinya
dengan runtut. Karena setiap step akan membuat file sorce bertambah kompleks dengan
modifikasi dari file source sebelumnya.
Mengapa dipilih game bertipe space shooter? Alasannya karena konon dari sisi teknis game tipe
ini adalah game action seru yang relatif termudah untuk diimplementasikan.
Bagi pemula, semoga artikel ini dapat membuka wawasan tentang flash gaming.
Flash yang digunakan dalam artikel ini adalah Macromedia Flash MX. Dengan bahasa
pemrograman ActionScript 1.0
Sebelum membaca artikel ini, setidaknya anda telah mengenal dan memiliki pengetahuan flash
dasar, serta lebih baik lagi adalah pengetahuan dasar ActionScript. Karena inti pembuatan flash
game adalah pemrograman ActionScript.
Artikel dibuat berseri sesuai dengan tingkatan. Untuk seri pertama (bagian 1).Akan dijabarkan
dasar pembuatan game pesawat dengan gerakan dasar.
Dan untuk pertanyaan, ada yang kurang jelas, kritik, saran, masukan silakan tulis lewat kotak
komentar di bawah. Marilah kita belajar bersama..
Obyek yang kita kendalikan adalah sebuah pesawat tempur. Jadi sebelumnya kita harus
menggambar sebuah pesawat di stage. Emm saya rasa cukup susah menggambar pesawat yang
keren kalo cuman dibayangkan aja.. untuk itu Biar bagus, kita butuh model sebagai contoh.
Saya suka model2 pesawat klasik jaman PD II, saya mengambil model salah satu gambar
pesawat nazi jerman dari wikipedia, lalu menggambarnya ulang dengan sedikit modifikasi.
oia tidak perlu dibuat detil2 dulu, sederhana aja.. karena nanti pada tahap finishing baru obyek
pesawat ini disempurnakan penampilannya. Kita tentu tidak mau membuang2 waktu dengan
men-switch otak kita menjadi designer mode.. padahal lagi anget2nya dalam programmer
mode.. hehe
bahkan pesawatnya cukup kotak2 aja, asal udah berbentuk pesawat.. urusan desain bisa
dikerjakan belakangan ato kalo anda tidak suka menggambar, bisa diserahkan ke orang lain
sebagai desainer.
Pada field instance name, beri nama, aku isi dengan nama pesawat_player.
Obyek perlu diberi nama agar bisa dikenali pada saat scripting. pesawat_player adalah instance
name dari movie clip.
klik pesawat_player dan buka panel actions, atau tekan F9 (ingat2lah F9 karena nantinya tombol
ini sering digunakan), lalu tulis kode berikut:
onClipEvent (enterFrame) {
if (Key.isDown(Key.RIGHT)) {
// gerak ke kanan
this._x = this._x + 4;
}
if (Key.isDown(Key.LEFT)) {
// gerak ke kiri
this._x = this._x - 4;
}
if (Key.isDown(Key.UP)) {
// gerak ke atas
this._y = this._y - 4;
}
if (Key.isDown(Key.DOWN)) {
// gerak ke bawah
this._y = this._y + 4;
}
Perhatikan bahwa actionscript adalah case sensitive, artinya kita harus memperhatikan penulisan
huruf besar dan kecil pada nama variabel dan kata kunci.
Penjelasannya begini, tiap2 obyek movieclip punya properti _x, dan _y yang menunjukkan posisi
koordinat di layar.
Pada tiap2 kondisi penekanan tombol keyboard, Obyek Key dengan event isDown, maka
koordinat obyek ditambahkan/dikurangi 4.
Misalnya jika ke kanan maka this._x = this._x+4;
dengan
_root.pesawat_player._x = _root.pesawat_player._x + 4;
Jika kode kita berada pada pesawat_player (jika current timeline adalah pesawat_player) maka
secara relative path, MovieClip pesawat_player cukup disebut dengan this.
Absolute path bersifat relatif terhadap _root, sehingga selalu dimulai dari _root.
apakah penjelasan ini membingungkan anda? bagi anda yang pernah mempelajari pemrograman
atau pemrograman OOP sepertinya tidak masalah, tetapi bila tidak lanjutkan saja walaupun
masih abu2. Lama-kelamaan kalo terbiasa pasti paham juga..
Demikian bagian 1 dari artikel ini. Bagian selanjutnya akan membahas tentang akselerasi untuk
18 Comments
saya tertarik dengan permaslahan di atas,, sedangkan saya berminat mengambil judul
Tugas Akhir membuat game pesawat menggunakan macromedia flash mx
ada gak source code game yang sudah jadinya ? kirim ke email saya :
anorganik_alpokat@yahoo.com..
mohon bantuananya
Artikel ini adalah langkah ke arah membuat game yang benar2 jadi. Tunggu saja bagian2
selanjutnya, kemudian anda bisa mengembangkannya hingga menjadi game yang benar2
lengkap, misalnya dengan membuat grafis yg mantap, sound fx, music, gameplay yg unik
dan alur cerita.
Terimakasih.
waaaaaaaaaaah, bagus banget ilmunya mas kasih tahu bagian selanjutnya dong
bisa bkin game flash ya? gue lg butuh org yg bisa bkin game flash ni.
kira bsa bantu ga? bbsa minta emailnya?
masss.
tolong saya donk ..
saya mau buat skripsi tentang game
saya boleh minta source nya gak mas
Mr.Bayu, bisa nggak ksih tahu gimana caranya memahami script game atau animasi pada
flash? thank,s before!
yak
Mas bisa tolong saya ngak,,gimana cara membuat scor? klau bisa tolong kirim ke email
saya ya
tolong cepat ya part II nya di tunggu, cz buat skripsi niyh butuh bgt,,,
niata mw buat games kartu gitu,,
Makasiiiihhhh
Untuk pesawatnya..
fscommand(fullscreen,true);
on (release) {
(nama variable) += 20;
}
:
on(release){
score += 20;
}
Bagaimana cara membaca nama var tampil secara auto ketika flash dijalankan?contoh
nama var sgh.diteks input tampil sgh.
Leave a comment
Name (required)
Website
Submit Comment 97
About
Hallo, aku Bayu.. selamat datang di sini :-)
Subscribe in a reader
Pages
About
Recent Posts
Dasar pembuatan game dengan Flash. bagian 2:Akselerasi Gerakan
Tutorial HTML dan CSS : Membuat daftar link pada footer
Mengatasi masalah warna gambar PNG yang berubah di IE
Dasar pembuatan game dengan flash. bagian 1
Mengenal Silverlight
Recent Comments
veven on Inilah Tips Menambah Berat Badan!
om_om on Dasar pembuatan game dengan Flash. bagian 2:Akselerasi Gerakan
ulfa on Inilah Tips Menambah Berat Badan!
putry on Inilah Tips Menambah Berat Badan!
sugih on Dasar pembuatan game dengan flash. bagian 1
Categories
ActionScript
Assembly
BayuBayu.com
Blogsome
C
Flash
Flash Development
Game Development
Graphic Design
Java
Kesehatan
Linux
lyrics
Mobile
php
Project
Silverlight
skripsi
Software
Tutorial
Uncategorized
Web Design
Web Development
Wodpress Theme
Archives
June 2009
May 2009
April 2009
March 2009
January 2009
October 2008
February 2008
December 2007
November 2007
October 2007
September 2007
July 2007
June 2007
May 2007
April 2007
September 2006
Blogroll
Alit
Alomohora
Aniq
AryoXP
Bakabon!
Bery
Cocosphere
Development Blog
Documentation
Farizz
Gentenk
Hafiz
Ibnoe
Makiki
Plugins
Sani
Shinta-Q
Suggest Ideas
Support Forum
Themes
Ucit
WordPress Planet
Zawa
Community
babaflash
Gamers Forum 2002
Posted by exestudio
Di tutorial ini kita akan belajar bagaimana cara memasukan suara pada Flash. Ok tanpa banyak
kata lagi kita langsung saja mulai.
1. Pertama-tama kita buka program Flashnya.. disini saya menggunakan Adobe Flash CS3.. buat
document baru.. dan hasilnya seperti gambar dibawah ini..
2. klik library atau klik Crtl+L pada kyboard untuk membuka tab library.. gunanya adalah
sebagai tempat file-file yang akan kita masukan nanti ke stage/bidang kerja..
3. Kemudian klik File-import-Import to Library
4. setelah itu akan keluar seperti gambar diatas. Pilih file music yang akan dimasukan kemudian
klik Open.
NB :mengenai besaran timeline yang akan dipakai disesuaikan dengan kebutuhan saja.. disini
hanya sebagai contoh saya menggunakan timeline ke-40
6. Ok sekarang kita akan masukan music yang ada di library ke stage caranya adalah dengan
cara klik pada layer 1 antara timeline ke-1 dan ke-40 setelah itu klik file music yang ada di
library kemudian drag ke stage/bidang kerja. Jika benar.. maka hasilnya akan nampak seperti
gambar dibawah ini..
7. Nah music telah berhasil dimasukan Klik Crtl+Enter untuk test movie Namun ini belum
bisa dikatakan selesai 100% karena masih ada pengaturan yang wajib untuk diketahui
Seperti yang Nampak pada gambar diatas yang saya lingkari merah.. disana ada beberapa
setingan untuk music yang kita masukan tadi..
Pada Effect, jika diklik maka akan muncul pilihan dengan berbagai fungsi yang berbeda, berikut
fungsinya
event : suara dimainkan terus sampai selesai namun dengan syarat jumlah frame adalah 1
atau jumlah frame sama dengan panjang suara.
start : suara dimainkan sampai selesai.
stop : suara tidak dimainkan.
stream : suara akan dimainkan sesuai dengan jumlah maksimal frame di timeline.
Repeat : berapa banyak suara dimainkan tergantungan pilihan repeat yang dipilih.
Loop : suara akan dimainkan secara terus menerus.
Nah semoga tutorial singkat ini bermanfaat dan jika ada yang sempat membaca dan
mempunyai cara lain ataupun ada kesalahan tentang apa yang sudah saya sampaikan saya mohon
maaf dan saya mohon untuk dikoreksi dan itu saya persilahkan untuk ditulis di post coment yang
telah tersedia terima kasih.. selamat berkarya
In: Tutorial
Comment!
Sebenernya aku nggak terlalu ngerti tentang flash. tapi, aku cuma ngerti dikit aja. kalo gitu
langsung aja ya. Cara membuat animasi flash dengan motion tweening
1. Kamu harus buat gambar. Contoh yang paling mudah adalah buat gambar lingkaran dengan
menggunakan oval tool
2. Jaring gambar itu dengan menggunakan selection tool (panah hitam pojok kiri)
4. Klik pada bulatan movie clip. Registration digunakan untuk memindahkan poros atau pusat
gambar. Setelah selesai klik OK
5. Klik pada frame yang diinginkan.Misal pada frame ke 20
6. Klik kanan pada frame 20 tersebut, kemudian klik insert key frame atau tekan F6
Jika ingin gambar berpindah lurus maka, tekan shift saat memindahkan gambar.
9. Klik kanan pada frame tersebut dan klik create motion tweening.
Sehingga muncul tanda panah antara frame 1 dan frame 20. Atau pada Properties di bawah stage
pilih Tween Motion.
10. Tekan enter atau ctrl+ enter untuk menjalankan animasi tersebut. Selamat mencoba!!!!!!
Like this:
Suka
One blogger likes this post.
1 | Pelajar
September 11, 2009 pada 11:35 pm
tutorialnya bagus hanya saya tidak bisa di langkah ke 6,tolong lengkapi dengan gambarnya!!!!!
Balas
2 | asianwoman
September 14, 2009 pada 3:46 am
Balas
3 | izul
November 14, 2009 pada 3:55 am
Balas
asianwoman
November 14, 2009 pada 8:44 am
Youre welcome. If you need some help just tell me. I will help you if I can do it
Balas
4 | Mr Bangun
Desember 9, 2009 pada 4:10 am
Permisi numpang liwat mbak, kesasar disini hehe . ngupi dulu ah.
Balas
asianwoman
Desember 21, 2009 pada 1:06 pm
Balas
5 | tanto
Maret 8, 2010 pada 1:17 am
Balas
6 | tanto
Maret 8, 2010 pada 1:19 am
Balas
7 | Wong
September 5, 2010 pada 5:44 pm
Good, tp boss tolong liatin blog aq donk di sini, maklum masih new bie bgts dlm hl weblog.
Balas
8 | Pgila flash
September 5, 2010 pada 5:51 pm
Good, tp boss tolong liatin blog aq donk di sini, maklum masih new bie bgts dlm hl weblog. Jg
bg tmn2 yg ingin blajar flash lebih lanjut anda bisa klik di atas.
Balas
asianwoman
Februari 11, 2011 pada 4:50 am
Balas
9 | mulya pratama
Januari 23, 2011 pada 4:16 am
tutorial untuk membuat animasi yang lebih sulit dari itu ada tidak??
saya butuh langkah2 buat animasi lebih jauh
Balas
asianwoman
Februari 11, 2011 pada 4:47 am
huuaa maaf yaa,, aku belajar itu waktu SMA, jadi sekarang lupa tutorial buat animasi yang
lain..
coba deh aku liat lagi, masih ada apa nggak catatannya..
Balas
10 | jasa penerjemah
April 20, 2011 pada 8:03 am
Balas
asianwoman
April 23, 2011 pada 1:38 am
Balas
Related Searches:
Collect seven artifacts to unlock the Quantum Ranger.
Power Rangers Time Force was released for the Playstation console in 2001. The game recreates
the action and adventure that is so prominent in the Power Rangers television series. In addition
to the exciting battles and boss fights, players can unlock various "extras" to use in the game.
One such extra is the ability to play as the "Quantum Ranger," a powerful character who is
perhaps the strongest Ranger in the game.
Difficulty:
Moderate
Instructions
1.
o 1
Collect the "Timepiece" artifact from stage one. This artifact is obtained by
travelling to the fifth floor after the Brutius boss fight and jumping over to the left
at the opening to the street level into a secret area.
o 2
Find the "Gold Sheriff's Badge" in stage 2. To find this artifact, perform a
"ground thump" manuever (by pressing the R1 button) near a dark yellow door
located in the open area past the roof top section of this stage.
o 3
Locate the "Book of Atlantis" artifact in stage 3. Kick two boxes in the sixth room
of stage three to reveal a staircase. Take the stairs and hit a switch on the wall.
Return to the third room to find this artifact.
o 4
Climb the stairs in stage 4 and follow the path until you see a caveman below you.
Drop down to this platform, then the next to obtain the fourth artifact: "A
Mosquito Encased in Amber."
o 5
Perform a "ground thump" on the opposite wall from where you enter the "big
room" in stage five after finding "Crossbow #1" to reveal the fifth artifact: the
"Sword of the Sun."
o 6
Find the sixth artifact, the "Gladiator Helmet," in stage six by jumping onto the
market stands from the crates near Mosaic #4.
o 7
Collect the seventh artifact, the "DNA Resequencer," in stage seven by jumping
from platform to platform in the area where you fought the boss called "Frax."
Once the seven artifacts have been collected, you will be able to use the Quantum
Ranger for future missions.
Dalam kesempatan ini saya akan menerangkan tentang cara membuat games sederhana
menggunakan Aplikasi Adobe Flash Profesional CS3. Games yang saya buat adalah berjudul
City Rescue dalam game ini anda cukup menggunakan tombol arah kiri dan kanan untuk
menggerakan Mobil untuk menyelamatkan sedikitnya 26 orang yang akan di jatuhkan dari atas
balon terbang yang melaju di atas mobil player, tapi perlu hati hati juga karna balon tersebut
menembakan bom yang harus kita hindari. Oke kita mulai tutorialnya oh ya sebelum itu
alangkah baiknya anda download dulu Sourcenya di akhir tulisan ini agar lebih mudah
memahaminya.
Pertama tama buka Adobe Flash yang kalian punya direkomendasikan menggunakan Adobe
flash CS3 ke atas, Buat Layer kerja baru dengan Action Script 2.0
Pada proses awal ini kita seting ukuran games serta kecepatan Fps nya
Untuk ukurannya kita seting 700400 pixel serta 20fps
Selanjutnya Kita buat MOBIL playernya, Pesawat Musuh, BOSSnya serta orang atau sandera
yang akan di jatuhkan, seperti gambar yang saya buat ini:
Selanjutnya Buat instan Name dari tiap tiap karakter yang anda buat saya beri nama player pada
Mobil, lalu Musuh pada balon musuhnya dan boss pada Boss mode nya
Beri nama Label Pada frame: lihat contoh di atas intro, menu, stage1, boss, gameover, menang
sekarang mari kita mulai tahap yang paling rumit yaitu Script.
stop();
stage1_msc.attachSound("stage1_msc");
ledakan.attachSound("ledakan");
ancur.attachSound("ancur");
menu.attachSound("menu");
aaa = new Sound();
aaa.attachSound("aaa");
bomjatuh.attachSound("bomjatuh");
oe = new Sound();
oe.attachSound("oe");
poik.attachSound("poik");
laser.attachSound("laser");
boss_ost.attachSound("boss_ost");
stopAllSounds();
Penjelasan Script : stop(); untuk menghentikan movie agar bermain di frame 1 nah untuk yang di
bawahnya untuk menginisial suara yang ada pada library dan telah di beri linkage.
Lalu selanjutnya Kita simpan karakter pada tempatnya dan pada label stage 1
Incoming search terms:
Jika anda menyukai tulisan ini, silahkan berkomentar atau berlangganan melalui RSS feed untuk
mendapatkan update terbaru. atau
Halaman: 1 2 3
Anda bisa berpartisipasi dalam mengenalkan karya anda atau karya anak bangsa lainnya dengan
mengirimkan tulisan anda ke katakan@bloggersays.net
Tentang Penulis:
Profil Adit
Adit adalah seorang programmer amatir, desainer grafis dan merupakan salah satu pendiri dari
Global Gears Networks. Bekerja sebagai freelancer di bidang jasa internet, berbagi ilmu adalah
hal yang disukainya.
You can leave a response, or trackback from your own site.
Komentar Facebooker
1. rere says:
Reply
2. achoey says:
Salam persohiblogan
Reply
Reply
o Adit says:
Reply
4. Dheddye says:
Reply
Reply
6. irfan says:
Reply
good
Reply
8. mozi says:
Reply
9. lina says:
Reply
Reply
jancok
Reply
Reply
Reply
Leave a Reply
Name (required)
Website
Support
Recent Posts
o Cerita Rakyat Nusantara
o Download Game Resmi Buatan Indonesia
o Download Kamus Besar Bahasa Indonesia
o Ridaco Offset & Design
o MP3 Dongeng Gratis dari Indonesia Bercerita
o PasarKreasi.com, Tunjukan Kreasimu Disini
o Komunitas Pecinta Puisi Indonesia
o Shoutbox Asli Buatan Indonesia
o Menerbitkan Buku Karya Sendiri
o Sticky Man Karya Anak SDN 2 PRINGKASAP
Artikel Populer
Like Us?
Stay Connected
Partner Kami