English French German Spain Italian Russian Japanese Korean Arabic Chinese Simplified

Thursday, March 8, 2012

MEMBUAT BUTTON/TOMBOL SEDERHANA DENGAN MACROMEDIA FLASH MX


MACROMEDIA FLASH MX TUTORIAL
MEMBUAT BUTTON/TOMBOL SEDERHANA
By redho f.p(virtuastudios)


Tombol atau biasa kita sebut dengan button merupakan sebuah elemen yang penting dalam GUI yang berguna untuk memudahkan kita mengakses suatu perintah dengan mengklik menggunakan mouse,
Didalam flash, button lebih dominan juga fungsinya, yap terkadang berguna untuk mengakses suatu site ketika flash banner kita digunakan, atau bisa juga diimplementasikan dalam berbagai bentuk seperti game, interactive animasi dll.
Nah disini saya akan menjelaskan cara membuat button sederhana menggunakan softwere macromedia flash,

1.       Buka program macromedia flash seperti biasanya..
2.       Gunakan rectangle tool, dan akan muncul tampilan seperti dibawah ini, pada outline color gunakan untuk menentukan warna pada garis pinggir pada rectangle nanti, lalu pada fill color gunakan untuk memberi warna bagian dalam pada rectangle, dalam hal ini saya menggunakan warnamerah dan hitam dengan efek radial, selanjutnya klik pada rectangle dan muncul rectangle propertis, isikan sesuai dengan kebutuhan anda, ini berguna untuk memberi kesan lebih smooth pada bagian sisi dari rectangle itu sendiri, lalu klik ok, dan pada bagian outline height rubah sesuai dengan kebutuhan anda, semakin tinggi nilainya semakin tebal pula outlinenya. 






3.       Setelah selesai pada langkah 2 gambarkan seperti dibawah ini, lalu ambil text tool dan tulis sesuai dengan keinginan anda, dibagian bawah anda dapat menyeting jenis font, warna, ukuran, dan lain sebagiannya, letakkan text tersebut ditengah dari shape rectangle sebelumnya                                   

 
4.       Seleksi seluruhnya lalu klik kanan dan ambil convert to symbol atau bisa juga dengan menekan tombol F8, dan akan mucul dialog convert to symbol seperti pada gambar dibawah ini, pilih button pada behavior, dan pilih yang tengah pada registarationnya, setelah itu tekan oke. 

 
5.       Dan selanjutnya, double klik objek yang sudah dijadikan button tadi, dan akan muncul pada timeline seperti pada gambar dibawah ini, up sendiri merupakan gmbar pada saat tidak disentuh oleh mouse, over merupakan gambar yang akan muncul ketika mouse berada diatas button, down sebaliknya, dan hit yakni ketika tombol kita tekan ., yang terpenting sebenarnya hanya over, nah pada over klik kanan dan ambil insert keyframe, maka akan mucul frame khusus untuk over, selanjutnya rubahlah sesui dengan kebutuhan anda, dengan cara mengklik objek tersebut satu satu,  saya sarankan untuk mengambil warna yang kontras agar terlihat perubahannya. Lalu kembali ke scane dengan menekan scene 1 yang berada dibawah timeline 
 

Dan selamat anda telah menyelsaikan tutorial sederhana ini, untuk melihat hasilnya tekan alt + enter dan seperti yang terlihat pada gambar dibawah ini.

 







Untuk selanjutnya akan ada tutorial membuat button yang lebih menarik dengan memanfaatkan movieclip, selamat mencoba …. dan  terus kunjungi :

untuk mendownload game game buatan kami…
dan like juga fanspage kami difacebook..

selamat berkarya…


MEMBUAT GAME MAZE SEDERHANA DENGAN GAME MAKER

GAME  MAKER  8.0 TUTORIAL
MEMBUAT GAME MAZE SEDERHANA
By redho f.p(virtuastudios)

Maze, yap game ini merupakan jenis game yang membutuhkan ketangkasan kita dalam menentukan jalan yang tepat untuk menyelsaikan suatu level, game jenis ini memang sederhana, namun bisa cukup adikitif, jika kita mampu meramunya dengan lebih kreatif, dan menambahkan berbagai elemen pendukung didalam game ini.
Dan sampai sekarang pun, maze tetap digunakan pada game game modern, lihat saja berbagai dungeon yang ada diberbagai game rpg, atau maze maze remuit nan megah di berbagai game platform 3d yang sering kita temui saat ini,
Yap begitulah, maze memang menjadi ciri khas, dan memiliki tantangan tersendiri dan akan selalu digunakan diberbagai jenis genre game dikemudian harinya, nah pada tutorial kali ini saya akan menjelaskan bagai mana cara membuat game maze sederhana dengan menggunakan authoring tool kesayangan kita…
 
1.       Seperti biasa, buka program game maker
2.       Setelah itu buat 3 objek utama yang akan menjadi elemen penting dalam game jenis ini, yaitu diding, karakter dan objek finish tempat tujuan akhir dari game ini, jangan lupa untuk meletakkan origin pada center agar memudahkan kita dalam mapping kelak.
3.       Sedikit tutorial membuat diding yang bagus dari saya, pertama buka sprite editor, lalu buatlah sprite dengan ukuran 32 * 32 lalu beri warna abu abu untuk menegaskan itu adalah sebuah dinding, lalu pada menu image pilih buttonize, dan atur bentuknya sesuai dengan kebutuhan anda, dengan opacity sebagai terang tidaknya shape dinding, thickness untuk mengatur ketebalan shape dan smooth agar dinding terlihat lebih lembut pad shapenya.
4.       Selesai dengan sprite, saatnya beralih ke objek, pertama buatlah objek dinding, dengan mencentang visible dan solid, lalu buatlah objek finish seperti pada gambar dibawah ini, buatlah event collesion to objek char, lalu pada action buatlah action if next room exists dan selanjutnya action go ton next room, kedua action ini berfungsi jika ada room selnajutnya pada game ketika char menyentuh objek finish maka lanjut ke room atau level selanjutnya, lalu buat action else dan ection restart the game, kedua action terakhir ini berguna agar ketika tidak ada room selanjutnya dalam game kita, maka permainan akan diulang kembali ketika objek char menyentuh objek finish.
5.       Selanjutnya kita membuat objek char yang akan menjadi karakter yang akan kita mainkan dalam game ini, pertama buat event collesion to object dinding, dan isikan action move fixed dan pilih direction center dan speed 8 seperti pada gambar dibawah ini.
6.       Lalu buat event keyboard no keys, isikan action grid dengan configurasi snap hor 32, dan snap ver 32, maksud dari action ini untuk menentukan gerakan dari karakter kita yang akan bergerak pada grid 32 * 32 selanjutnya buat action move fixed sama seperti sebelumnya, lalu buat 4 keyboard event  yaitu left, right, down, dan up isikan keempatnya dengan event check grid seperti sebelumnya, dan isikan juga dengan action move fixed namun dengan driection sesuai dengan masing masing event dan speed menjadi 4, fungsi dari action ini agar karakter kita bergerak sesuai dengan tombol yang kita tekan.
7.       Selanjutnya bagaian terakhir yakni membuat roomnya, seperti yang saya katakan sebelumnya, elemen penting dari game genre ini adalah mapping mazenya , pertama buatlah room dengan lebar 640 * 480 selanjutnya susunlah objek dinding yang mengitari seluruh room seperti pada gambar dibawah ini. Ini berfungsi agar karkter kita terbatas dan tidak bisa keluar room yang tidak masuk dalam area game kita.
8.       Letakkan kedua objek yang juga elemen utama dari game ini yaitu objek char dan finish, sebisa mungkin buat kedua objek ini berjauhan agar gameplay bisa lebih lama dan menantang sesuai dengan kreasi anda,
9.       Dan terakhir saatnya membuat mazenya,  buatlah serandom mungkin posisi dari maze tersebut agar permainan menjadi lebih menantang dan sulit untuk diselsaikan seperti pada gambar dibawah ini.

10.   Dan wala wala anda telah menyelsaikan satu lagi tutorial game sederhana yang dapat anda buat di game maker tekan run untuk menjalankan gamenya, dibawah adalah contoh dari game yang saya buat untuk tutorial ini.






 
donwload file gmknya di http://www.mediafire.com/?iu3vquzubh5iz85

Nah menyenangkan bukan?? Kreasi tanpa batas dan imajinasi anda adalah senjata utama dalam membuat game, jadi teruslah berimajinasi,
Memang  masih banyak elemen tambahan yang dapat kita tambahkan dalam game genre ini, seperti musuh, jebakan, poin, bonus, dan lain sebagianya, itu akan saya jelaskan pada tutorial selanjutnya, so siapkan diri anda.. dan  terus kunjungi :

untuk mendownload game game buatan kami…
dan like juga fanspage kami difacebook..

selamat berkarya…



Saturday, March 3, 2012

PENGENALAN ANTAR MUKA GAME MAKER 8.0 PART 1: TAMPILAN AWAL


PENGENALAN ANTAR MUKA GAME MAKER 8.0
PART 1: TAMPILAN AWAL
Redho f.p(virtuastudios)

Ada baiknya, sebelum menggunakan softwere authoring tool game maker ini, kita mesti mengenal fungsi fungsi utama dari softwere ini, nah ditutorial ini saya akan mencoba menjelaskan tampilan antar muka dari game maker 8.0 ini pada saat pertama kali dibuka atau tampilan awalnya..



Gambar diatas adalah tampilan utama dari game maker mari kita jabarkan beberapa bagian utamanya
1.       MENU BAR
Ini  merupakan menu utama dari softwere ini, seluruh bagian dari fungsi dalam pe nggunaan softwere ini terdapat pada menu ini, menu bar itu sendiri terbagi menjadi bererapa bagian antara lain :  FILE MENU, EDIT MENU, RESOUCES MENU, SCRIPTS MENU, RUN MENU, WINDOW MENU, DAN HELP MENU.
Untuk penjelasan lebih lanjut dari setiap menu akan dijabarkan pada tutorial part selanjutnya.

2.       TOOL BAR
Merupakan menu shorcut dari softwere ini, terdiri dari berbagai tool utama yang digunakan pada game maker, adapun toolny sebagai berikut( dari kiri kekanan):
a.       Create a new game : seperti pada namanya, icon ini berfungsi untuk membuka lembar project baru pada game maker
b.      Open an exiting file : berguna untuk membuka file file projek game maker kita terdahulu,
c.       Save the game : menyimpan projek game yang sedang kita kerjakan
d.      Create stand-alone executable for your game : ini merupakan icon finisihing, ketika game kita telah selesai dibuat dan akan dibuat kedalam format stand alone exe, atau satu program exe yang mandiri.
e.       Publishing your finished game on webite : berguna untuk mepublish game kita ke website yoyo game sehingga bisa dimainkan oleh orang dari berbagai penjuru dunia.
f.        Run the game : untuk menguji coba game kita / playtest
g.       Run the game on debug mode :  juga untuk mengujicoba game kita, namun dengan tampilan debug mode, agar bisa melihat berbagai kekurangan atau kesalahan yang terdapat pada game kita.
h.      Create sprite : icon untuk membuat sprite/ gambar2 kecil yang kelak dijadikan objek didalam game kita
i.         Create sound : untuk menambahkan musik baik itu BGM atau SE dll
j.        Create backround : menambahkan atau membuat gambar latar belakang pada game kita
k.       Create a path : biasanya digunakan untuk menentukan jalur pergerakan dari objek yang kelak kita gunakan.
l.         Create a script : untuk mengetikkan global script(dalam bahasa GML) yang bisa diexecute dari objek.
m.    Create a font : untuk menambahkan font yang akan kita gunakan dalam game kita, biasanya font yang terinstal diwindowslah yang dapat digunakan disini
n.      Create a timeline : bergunaka untuk membuat event event timeline sebagai contoh, suatu room hanya akan terbuka dalam waktu 4 step, lalu secara ototmatis akan tertututp lagi, dalam hal ini dalam bentuk moment dan dihitung per step untuk setiap pergerakannya
o.      Create an object : untuk membuat berbagai bentuk objek yang kelak akan kita gunakan dalam game yang kita buat,
p.      Create a room : membuat suatu room atau ruangan tempat game kita nanti berjalan
q.      Change game information : tempat dimana kita mengetik berbagai hal mengenai game kita, seperti deskripsi, credit pembuat dan lain sebagainya
r.        Change the global game setting : merupakan tempat mengatur berbagai aspek yang kelak digunakan untuk fisnishing game kita, seperti resolusi, grafik, pesan error, loading, info, short key dll.
s.       Select an extention : add-on dalam game maker, dimana tempat kita  bisa menambahkan berbagai fungsi fungsi baru yg diimplement dalam game kita, di default GM 8.0 PRO ada 3 extention package yang turut disertkan yakni, GM PRINTING, GM ROOM TRANSTITION, dan GM WINDOWS DIALOGS

3.       DIRECTORY RESOUCES
Merupakan tempat pengaturan atau direktori yang kelak kita tambahkan dalam game ini, sehingga memudahkan kita dalam memanage resouces yang telah kita masukkan kedalam game ini,


4.       POLISIHING ITEM
ü   Ialah item item yang kelak digunakan untuk penyelsaian akhir dari game yang kita buat adapun 3 di itemnya ialah Change game information : tempat dimana kita mengetik berbagai hal mengenai game kita, seperti deskripsi, credit pembuat dan lain sebagainya
ü   Change the global game setting : merupakan tempat mengatur berbagai aspek yang kelak digunakan untuk fisnishing game kita, seperti resolusi, grafik, pesan error, loading, info, short key dll.
ü   Select an extention : add-on dalam game maker, dimana tempat kita  bisa menambahkan berbagai fungsi fungsi baru yg diimplement dalam game kita, di default GM 8.0 PRO ada 3 extention package yang turut disertkan yakni, GM PRINTING, GM ROOM TRANSTITION, dan GM WINDOWS DIALOGS

5.       HOME PAGE YOYOGAME
Akses cepat untuk masuk kedalam webebsite utama dari yoyogame(pengembang softwere authoring tool game maker), disana kita bisa mengupload atau mengshare game hasil buatan kita, mendownload game buatan orang sesama pengguna game maker, mencari softwere terbaru dari yoyogame, mendownload resouces, mengikuti forum, dan masih banyak lainnya.

6.       WORKPLACE
Area kerja utama dari sofwere ini, berbagai macam window untuk menyelsaikan projek dapat ditampilkan disini.

Yap, itulah sekilas mengenai tampilan utama dari softwere ini, memang masih belum dijabarkan, karena masih banyak lagi submenu lainnya yang akan dijabarkan di part selanjutnya…
Semoga bermanfaat bagi anda…
Dan selamat berkarya

TUTORIAL MENGAMBAR MATA KARTUN/ANIME SEDERHANA


TUTORIAL MENGAMBAR MATA KARTUN/ANIME SEDERHANA
MENGGUNAKAN MACROMEDIA FLASH MX
By redho f.p(virtuastudios)

Dalam tutorial kali ini, saya akan memandu anda untuk membuat sebuah gambar yang sebenarnya simple namun tidak mudah dibuat dan cukup vital dalam sebuah tubuh, yakni mata, namun jangan terburu buru dahulu bahwa kita akan membuat gambar mata anime yang wah, dan keren seperti di anime pada umumnya, saya hanya memberikan tutorial sederhana cara membuat gambar tersebut step by step, setidaknya anda punya dasar dan kreatifitas andalah yang menjadi penentu akhir keberhasilan gambar tersebut.
   



Sepanjang tutorial ini kedua gambar diatas akan memandu anda dalam menjalankan tutorial ini.
1.       Buka program macromedia flash mx seperti biasanya sehingga muncul layar kerja  seperti pada gambar di kanan atas, jika belum muncul anda dapat menampilkannya dengan cara, window >> panel sets >> designer layout,
2.       Mulai lah dengan mengambar bentuk shape seperti pada gambar kiri atas(urutannya dimulai dari yang kiri atas terus kebawah, dan keatas yang kanan hingga terus kebawah) gunakan pencil tool dan pilih pada pencil mode yang smooth sehingga ketika kita menggambar, softwere akan otomatis merapikan garis yang kita buat, buat saja perlahan, jika kurang rapi anda bisa merapikannya lagi dengan bantuan arrow tool, lalu seleksi semua dan pilih smooth,
3.        Selsksi semua gambar lagi dengan menggunakan  arrow tool, lalu pada storke style pilh hairline, agar garis outline menjadi lebih tipis, atau bisa juga gunakan stroke height dan pilih ketebalan sesuai dengan kebutuhan anda. Step ini dapat anda lakukan sebelum memulai step 2.
4.       Setelah selesai, gunakan oval tool dan pilih no color pada fill color, sehingga hanya muncul stroke saja ketika digambar, dan pada stroke color pilih warna merah, buat seperti gambar yang kedua..
5.       Seperti pada gambar nomor 3, hapus stroke yang berada diluar gambar pertama, dengan menseleksi gambar tersebut dengan arrow tool dan hapus dengan menekan delete,
6.       Saatnya mewarnai, gunakan paint bucket tool  dan ambil warna sesuai dengan gambar tersebut, atau anda bisa juga mengkreasikannya, tentunya dengan ketentuan seperti gambar tersebut, dimana warna yang lebih gelap atau terang.
7.       Selanjutnya hapus seluruh storke pada bola mata kecuali pada bagian bawah dan kanan sedikit, lalu yang tidak dihapus dirubah stroke colornya menjadi warna hitam, dengan menseleksinya terlebih dahulu.
8.       Buat garis bentu seperti pada gambar ke enam dengan bantuan pencil tool, pilih storke color berwarna merah, agar mudah dalam penghapusannya kelak.
9.       Warnai yang bagian atas dengan sedikit abu abu, dan bawah dengan warna putih, ini untuk memberikan sedikit efek shadow pada mata yang kita gambar
10.   Dan final step, hapus garis bantu tersebut dan seleksi stroke pada langkah kedua lalu rubah stroke height nya menjadi 2 atau lebih sesuai dengan kreasi anda.
Dan selamat anda telah menyelsaikan tutorial singkat ini, ini hanya awal dan dasar, anda dapat mengembangkannya lebih lanjut sesuai style anda sendiri,
Selamat berkarya…

MENAMBAHKAN SCORE DAN HALAMAN HIGHSCORE SEDERHANA PADA GAME MAKER

GAME  MAKER  8.0 TUTORIAL

MENAMBAHKAN SCORE DAN HALAMAN HIGHSCORE SEDERHANA

By redho f.p(virtuastudios)

Score, yap ini memang terdengar sepele namun tahu kah kamu, system ini adalah yang membuat kita ingin mengulang lagi game yang kita mainkan, biasa disebut replay value, sehingga suatu game tidak langsung ditinggalkan meski sudah ditamatkan,
Memang pada zaman sekarang ini, ada banyak sekali system yang membuat replay value itu menjadi lebih tinggi, seperti bonus charcter pada game fighting, atau story tambahan, dan lainnya, namun jauh dahulu pada zaman ketika generasi awal game dibuat, score adalah satu satunya yang membuat orang mau untuk mengulang game tersebut, dan system ini awet sampai sekarang yang bisa kita temui diberbagai game modern saat ini, terutama di arcade, namun tentunya dengan berbagai variasi, bahkan score sekarang bisa digunakan untuk membuat daya tarik sebuah game tersebut,  seperti untuk membeli power ups atau upgrade pada beberapa game dengan score yang kita kumpulkan.
System score dan highscore ini sendiri pada awalnya ditemukan pada generasi awal game space invaders, yap, game tembak tembakan alien tersebut merupakan game pertama yang memakai sistem score dan highscore dengan menambahkan tiga insial huruf untuk menandakan pada sistem highscore, nah maka dari itu saya membuat tutorial ini agar bagi kita yang masih bingung membuat dan menambahkan sistem tersebut dalam game yang kita buat dengan game maker….
1.    Pertama buka salah satu project kita, dalam hal ini buka project bounce sederhana yang pernah kita buat sebelumnya.
2.    Tambahkan satu jenis font, seperti yang terlihat dibawah ini, dalam hal ini saya menggunakan arial dengan size 12 yang menjadi default disystem game maker, nah yang saya lingkari merah merupakan berbagai jenis jarak antar huruf yang akan kita pakai pada game kita, saya akan menjelaskannya satu persatu, NORMAL : merupakan jarak standard, ALL : merupakan range untuk berbagai jenis dengan batas maksimal sistem, DIGITS : biasanya digunakan hanya untuk keperluan angka, salh satunya score,  LETTERS : digunakan dengan font yang berhubungan hanya dengan huruf.  

3.    Buat objek baru dengan nama score, lalu ambil event draw, dan didalamnya isikan action set font dan pilih font yang kita buat sebelumnya, lalu ambil action set the color, ini berfungsi untuk menentukan warna yang kelak kita gunakan pada score tersebut, disini saya mengambil warna putih karena score ini nanati akan diletakkan diatas object berwarna hitam, sebisa mungkin harus kontras dengan backround agar  fontnya terlihat jelas, karena disini font tidak memiliki outline, lalu ambil action draw value of score, isikan x dengan 5 dan y dengan 0, dan jangan centang relative, ini agar posisi font itu nanti berada pada kordinat (5,0) pada room yang kita buat, dan terakhir ambil action set score caption, dan rubah menjadi don’t show pada score, ini agar score tidak muncul pada panel atas windows game kita.   


 
4.Setelah selesai membuat object score, selanjutnya kita buat object yang akan menjadi tempat kita mendapatkan score tersebut, dalam hal ini buka object bata pada tutorial sebelumnya, hal ini dikarenakan inti dari permainan bounce adalah meghancurkan seluruh bata dan menjadapatkan score dari sana, dan didalam event collesion to object ball, tambakan actionset the score relative to(kenapa relative?? Karena agar score tersebut bertambah setiap bola kita menghancurkan bata tersebut, dan sisikan sesaui dengan keinginan anda berapa score yang kita dapat setiap mengenai bata tersebut,

5.    Selanjutnya buka room yang kita buat sebelumnya, dan letakkan object score pada sudut kiri atas(sebenarnya bisa dimana saja sesuai dengan keinginan kita) dan hapus centang pada delet underlaying seperti yang dilingkari merah pada gambar dibawah ini, fungsinya agar ketika kita meletakkan suatu objek diatas objek lainnya, objek yang dibawah tidak secara otomatis terhapus. 

6.    Step membuat score telah ditambahkan anda bisa mengeceknya dengan menrun game ini, dibawah adalah gambar yang saya buat untuk tutorial ini.. terlihat dibagian pojok kanan atas terdapat score yang sebelumnya kita buat.,, 
7.    Beres dengan score saatnya membuat highscore room, yakni tempat dimana kita melihat score tertinggi dari game kita sebenarnya Game maker telah membuat action khusus untuk memanggil highscore, namun agar terlihat sedikit berbeda dan elit, kita bisa membuatnya sendiri tanpa harus membuka windows khusus seperti yang dibuat oleh game maker, pertama buat objek baru dengan nama highscore, lalu buat event draw dan tambahkan 2 action seperti pada saat membuat score yakni set font dan set color, dan disini kita akan sedikit mengetik GML, tenang saja, tidak terlalu rumit, ini hanya untuk mendraw highscore pada room tersebut, ambil action execute a piece of code dan ketik code …. draw_highscore(2,20,300,400) angka angka tersebut menunjukkan kordinat tempat meletakkan score itu nanti, anda bisa membuatnya sesaui kreasi anda dengan format(x1, y1, x2, y2) ini seperti kita mengambar persegi panjang pada bidang kordinat tertentu.  
8.    Dan inilah final stepnya, buat room baru dengan ukuran yang sama dengan room sebelumnya, lalu letakkan objek highscore pada room tersebut,dan untuk mencobanya karena dalam game ini sistemny belum dibuat agar langsung mengrun highscore maka naikkan room ini diatas room yang pertama, lalu run untuk melihat hasilnya
Dan wala wala anda telah memiliki room khusus untuk tempat melihat highscore, ini bisa anda padukan pada tutorial main menu sebelumnya untuk memanggil room khusus hishcore ini,

Selamat, Anda telah menyelsaikan sebuah sistem sederhana namun sangat besar fungsinya bagi game anda, dan seperti yang saya bilang sebelumnya, kreatifitas adalah kunci utama dalam membuat game, so persiapkan diri anda dengan tutorial lainnya dari blog ini,…