Selasa, 10 Agustus 2010

properties game maker yang berguna

Ayo manfaatkan properties yang sudah tersedia
Wah tidak terasa ternyata postingan di blog ini sudah mencapai 20 lebih. Baiklah, mulai dari tutorial ini kita bersama-sama akan mempelajari mengenai cara membuat musuh dalam game yang sedang kita kerjakan.

Persiapan pertama yang harus kamu lakukan untuk membuat sebuah musuh dalam game adalah mempersiapakan bagaimana bentuk musuh yang kamu inginkan.

Untuk contohnya kita akan menggunakan spr_pesawat yang telah tersedia di dalam project game yang kamu buat, namun dengan sedikit modifikasi sehingga nantinya pemain tidak akan menyadari bahwa pesawat musuh adalah pesawat kita sendiri.

Langakah Kerja:
1. Buka Project game yang sebelumnya pernah kamu buat [ menambahkan suara background kedalam game].
2. Klik kanan spr_pesawat ---) kemudian pilih duplicate.
3. Beri nama gambar duplikat tersebut dengan nama “spr_musuh1”.
4. Sekarang klik Edit sprite.

5. Lalu pada sprite editor ---) cari menu transform ---) lalu pilih stretch, atau shortcut Ctrl+Alt+E, lalu ubahlah nilai-nilainya menjadi seperti gambar di bawah ini:



6. Sekarang ukuran sprites menjadi lebih besar dari sebelumnya.
7. Sekarang klik menu transform kembali ---) lalu pilih “rotate 180”, hal ini berfungsi untuk membuat sprites tersebut berubah arah sebesar 180 derajat, sehingga sekarang sprite pesawat tersebut jadi menghadap ke bawah.
8. Agar sprite duplikat tersebut tidak mudah dikenali, kamu bisa mengubah warna pesawat tersebut dengan cara: Klik Menu Images ---) lalu pilih “colorize” ---) ubah nilai pada kotak colorize menjadi sebesar 146.


9. Kemudian Klik tombol ceklis yang berwarna hijau,lalu klik tombol ok.
10. Sekarang kamu telah mempunyai sebuah sprite pesawat baru yang bisa kita gunakan untuk membuat gamabar pesawat musuh.
11. Kamu dapat memodifikasi langkah-langkah diatas untuk mendapatkan pesawat duplikat baru lainnya.

Bagi kamu yang ingin melihat hasil dari tutorial ini, kamu bisa mendownload project gamenya disini:[ project game maker ].
templates-office.com membuat enemy dalam game
Kamis, 05 Agustus 2010

menambahkan suara background kedalam game

Menambahkan suara background kedalam game
Setelah pada tutorial game maker sebelumnya kamu telah berhasil membuat sebuah dinding pembatas yang tidak kelihatan, sekarang pada tutorial kali ini kita akan mempelajari cara menambahkan musik latar/background ke dalam game yang sedang kita buat.


Untuk menambahkan suara latar pada game tidaklah sulit, yang kamu butuhkan hanyalah sebuah file suara yang memuat instrument musik tertentu ( biasanya file yang berekstensi .midi) dan skill-skill dasar yang ada dibawah ini:
- membuat event dalam sebuah objek [tutorial no.4]
- membuat script execute code dalam game maker. [tutorial no.8]

Langkah Kerja:
1. Seperti biasa, buka kembali project game yang sebelumnya telah kamu buat [ membuat dinding pembatas gerak pesawat].
2. Setelah itu klik kanan menu sound ---) lalu pilih insert sound.
3. Beri nama sound tersebut dengan nama “snd_background”, lalu klik load sound.
4. Pilih file suara mana yang akan kamu masukan (direkomendasi file bertipe midi), sebagai contoh saya menggunakan instrument dari game [syphon filter2.midi] .

5. Setelah kamu Memasukan file tersebut, biarkan opsi “preload” tetap diceklis.
6. Klik tombol Ok.
7. Sekarang pindah ke menu object, klik kanan object “scrolling” ---) kemudian pilih menu properties.
8. Buatlah sebuah event baru, klik add event ---) lalu klik create.

9. Buatlah sebuah execute code baru, lalu masukan script dibawah ini:

//menambahkan suara background
sound_loop(snd_background);

Catatan :script sound_loop berfungsi untuk menambahkan suara baru kedalam game yang sifatnya loop (terus diulangi).
10. Klik tanda ceklis ---) kemudian klik tombol ok.
11. Sekarang jalankan game rungame ---) run in debug mode

Jika kamu mengikuti langkah-langkah diatas dengan benar, maka sekarang akan terdengar musik latar/background pada game yang sedang kamu buat. Bagi kamu yang ingin melihat hasil dari tutorial ini, kamu bisa mendownload project gamenya disini:
[ project game maker ].
templates-office.com scrolling shooter game

membuat dinding pembatas gerak pesawat

Membuat dinding pembatas gerak pesawat
Halo teman-teman, tidak terasa ternyata blog ini sudah berumur 1 bulan lamanya. Pada tutorial game maker kali ini kita akan mencoba membuat sebuah dinding yang tidak kelihatan (invisible wall) yang berfungsi agar pesawat tidak bisa keluar dari area permainan.
Karena game yang kamu buat adalah game yang bertipe scrolling shooter, maka untuk membuat sebuah dinding yang tidak kelihatan kita tidak perlu menggunakan sebuah sprite wall yang telah kamu pelajari pada tutorial sebelumnya.

Hal ini dikarenakan kita bisa memanupulasi titik koordinat untuk bisa membuat dinding pembatas gerak pesawat tersebut. Sedangkan skill yang kamu butuhkan untuk menyelesaikan tutorial ini adalah sebagai berikut:
- membuat objek dalam game maker[tutorial no.3]
- membuat script di game maker[tutorial no.8]

Langkah kerja:
1. Buka kembali tutorial project game sebelumnya [ membuat suara pada tembakan pesawat ].
2. Klik kanan obj_pesawat ---) kemudian pilih menu properties.
3. Klik step event yang pernah kamu buat sebelumnya, lalu temukan execute code yang berisi script seperti dibawah ini:

Script game maker
  • //membuat pesawat bergerak ke kiri
  • if keyboard_check(vk_left) //jika tombol panah kiri di tekan
  • {//maka
  • x = x-7 //buat pesawat bergerak ke kiri sebesar 7 koordinat
  • }
  • //membuat pesawat bergerak ke kanan
  • if keyboard_check(vk_right) //jika tombol panah kanan di tekan
  • {//maka
  • x = x+7//buat pesawat bergerak ke kanan sebesar 7 koordinat
  • }
  • //membuat pesawat bergerak ke atas
  • if keyboard_check(vk_up)
  • {
  • y = y-5
  • }
  • //membuat pesawat bergerak ke bawah
  • if keyboard_check(vk_down)
  • {
  • y = y+5
  • }

4. Kemudian sisipkan kode-kode yang tepat pada script diatas, sehingga hasil akhir dari script diatas tersebut menjadi seperti dibawah ini:
[Catatan: kode yang diberi warna kuning merupakan kode-kode yang baru saja kita tambahkan].

Script game maker
  • //membuat pesawat bergerak ke kiri
  • if keyboard_check(vk_left) //jika tombol panah kiri di tekan
  • and x>30 // dan pesawat berada di koodinat x lebih dari 30
  • {//maka
  • x = x-7 //buat pesawat bergerak ke kiri sebesar 7 koordinat
  • }
  • //membuat pesawat bergerak ke kanan
  • if keyboard_check(vk_right) //jika tombol panah kanan di tekan
  • and x<870 // dan pesawat berada di koodinat x kurang dari 870
  • {//maka
  • x = x+7//buat pesawat bergerak ke kanan sebesar 7 koordinat
  • }
  • //membuat pesawat bergerak ke atas
  • if keyboard_check(vk_up
  • and y>view_yview+30 // dan pesawat berada di koodinat y lebih dari 30
  • {
  • y = y-5
  • }
  • //membuat pesawat bergerak ke bawah
  • if keyboard_check(vk_down) 
  • and y
  • {
  • y = y+5
  • }

5. Kemudian klik tanda ceklis yang berwarna hijau, lalu klik tombol Ok.
6. Jalankan game kembali dengan cara rungame ---) run in debug mode.

Sekarang cobalah gerakan pesawat ke sudut-sudut area game dengan tombol panah keyboard, maka akan terlihat perbedaan Setelah kamu menambahkan script diatas pesawat tidak bisa keluar dari area game, dan tentu saja cara ini sangat efektif karena kita tidak perlu menambahkan objek pada game sehingga kecepatan game akan berjalan mulus.

Bagi kamu yang ingin melihat hasil dari tutorial ini, kamu bisa mendownload project gamenya disini:[ project game maker ].
templates-office.com scrolling shooter game
Kamis, 29 Juli 2010

membuat suara pada tembakan pesawat

Membuat suara pada tembakan pesawat
Setelah pada tutorial sebelumnya kita telah banyak memperbaiki kekurangan yang ada pada game yang kita buat. Pada tutorial kali game maker kali ini kita akan mencoba menambahkan aspek lain pada game yaitu menambahkan efek suara.

Langkah Kerja :
1. Buka kembali project game yang sebelumnya telah kamu buat [fungsi alarm dalam game maker].
2. Klik kanan menu sound ---) lalu pilih create sound.
3. Setelah itu akan muncul tampilan seperti gambar di bawah ini:


4. Beri nama sound tersebut dengan nama “snd_peluru1”.
5. Klik load sound ---) kemudian masukan file sound yang kamu inginkan, contoh : [download snd_peluru1].

6. Karena pada saat ini kita belum membutuhkan opsi preload, maka kita disable saja menu tersebut, perhatikan gambar di bawah ini :


7. Setelah semua persiapan efek suara beres, klik tombol ok.
8. Sekarang beralih ke menu objek, klik kanan obj_pesawat ---) lalu pilih menu properties.
9. Klik step event yang telah kamu buat sebelumnya.
10. lalu cari execute code yang memuat script seperti di bawah ini:



if bisa_menembak=1 // jika variable bisa menembak sama dengan 1
and //dan
keyboard_check(ord("A")) //tombol A pada keyboard ditekan
{ //maka
instance_create(x,y,obj_peluru1 ); // buatlah objek obj_peluru1 pada koordinat x,y titik origin kapal tersebut.
bisa_menembak=0; //buatlah variable bisa menembak menjadi 0
alarm[0]=10; // jika waktu 10steps sudah terlewati maka jalankan fungsi alarm0
}



11. Sisipkan script di bawah ini sebelum tanda “ } ” :

sound_play(snd_peluru1);

12. Sehingga bentuk akhir dari script diatas menjadi (penjelasan mengenai fungsi script sama dengan script diatas):



bisa_menembak=1
and
keyboard_check(ord("A"))
{ //maka
instance_create(x,y,obj_peluru1 );
bisa_menembak=0;
alarm[0]=10;
sound_play(snd_peluru1); //mainkan suara snd_peluru1
}



Jika kamu mengikuti prosedur diatas secara benar, maka ketika kamu menekan tombol A keyboard pesawat akan menembakan peluru yang diiringi oleh suara tembakan. Bagi kamu yang ingin melihat hasil dari tutorial ini, kamu bisa mendownload project gamenya disini:[ project game maker ].
templates-office.com scrolling shooter game

fungsi alarm dalam game maker

Apakah fungsi alarm dalam game maker?
Jika kamu memperhatikan baik-baik project game yang sebelumnya telah kamu buat, maka kamu akan menyadari bahwa ketika tombol A keyboard di tekan instance obj_peluru yang keluar bukan satu per satu melainkan keluar secara tidak beraturan.

Untuk menyelesaikan masalah ini kamu bisa menggunakan fungsi alarm. Alarm dalam game maker berfungsi untuk mengatur waktu terjadinya suatu event dalam game maker, misalnya kapan pesawat bisa menembak, atau kapan musuh bisa berbelok, dan lain-lain

Langkah kerja:
1. Buka kembali project game yang sebelumnya kamu buat [fungsi instance_destroy].
2. Klik kanan obj_pesawat kemudian pilih menu properties.
3. Pada event create buatlah sebuah action baru yaitu “set variable” .
4. Pada set variable tuliskan : variable= bisa_menembak dan value=1, perhatikan gambar di bawah ini :


5. Kemudian buatlah sebuah event baru yaitu “alarm” dengan cara klik Add Event ---) kemudian klik alarm ---) dan pilih alarm0 .

6. Pada alarm0 buatlah variable yang sama persis seperti pada nomer 3 dan 4.
7. Sekarang beralih ke menu “step”, carilah execute code yang bertuliskan script seperti dibawah ini :

if keyboard_check(ord("A")){// jika tombol A pada keyboard di tekan
instance_create(x,y,obj_peluru1 ) // buatlah objek obj_peluru1 pada koordinat x,y titik origin kapal tersebut.
}

Kemudian gantilah script diatas dengan menggunkan script di bawah ini :

if bisa_menembak=1 // jika variable bisa menembak sama dengan 1
and //dan
keyboard_check(ord(”A”)) //tombol A pada keyboard ditekan
{ //maka
instance_create(x,y,obj_peluru1 ); // buatlah objek obj_peluru1 pada koordinat x,y titik origin kapal tersebut.
bisa_menembak=0; //buatlah variable bisa menembak menjadi 0
alarm[0]=10; // jika waktu 10steps sudah terlewati maka jalankan fungsi alarm0
}

Dengan menggunakan script diatas maka setiap kita menekan tombol A pada keyboard variable bisa_menembak menjadi 0 (tidak bisa menembak), lalu Setelah 10 steps telah terlewati maka alarm0 akan bekerja dan membuat variable bisa_menembak aktif kembali.

Bagi kamu yang ingin mengetahui hasil dari tutorial game maker kali ini , kamu bisa mendownload project game disini ( berbentuk .gmk) : [download project game maker]
templates-office.com scrolling shooter game
Senin, 26 Juli 2010

fungsi instance destroy game maker

Fungsi Script instance_destroy(); pada Game Maker
Tutorial game maker kali ini merupakan lanjutan dari tutorial sebelumnya yaitu mengenai kesalahan fatal yang sering dilakukan pemula dalam membuat game scrolling shooter.

Seperti yang sudah kamu ketahui sebelumnya bahwa pada tutorial kali ini kita akan mencoba memecahkan masalah mengenai kecepatan game yang semakin berkurang jika instance di room bertambah.

Untuk memecahkan masalah tersebut kita bisa menggunakan script instance_destroy();. Script ini berfungsi untuk menghancurkan objek yang kita inginkan dengan menggunakan kondisi tertentu yang sudah kamu rencanakan.

Skill yang di butuhkan untuk menyelesaikan tutorial kali ini :
- Membuat Objek dalam game [tutorial no.3].
- Cara membuat script di game maker [tutorial no.8].

Langkah Kerja :
1. Buka kembali project game yang sebelumnya telah kamu buat[menentukan titik origin suatu sprite].
2. Klik kanan obj_peluru1 kemudian pilih menu properties.
3. Klik Add event ---) lalu pilih gambar step ---) kemudian pilih step.


4. Pilih action “control” kemudian klik execute code.
5. Masukan script dibawah ini pada execute code:



if y<=view_yview+0 //jika titik koordinat y obj_peluru kurang dari y+0
{ //maka
instance_destroy(); // hancurkan instance obj_peluru dari game.
}



6. Kemudian klik tombol gambar ok

7. Jalankan permainan, rungame ---) run in debug mode.

Sekarang coba tembakan beberapa peluru dengan menggunakan tombol A di keyboard. Lihatlah layar informasi debug mode, ketika peluru mencapai titik atas dari layar, maka peluru akan hancur sehingga jumlah objek dalam game akan kembali seperti semula.

Selamat! kamu telah berhasil memecahkan masalah yang sering dilakukan oleh pemula yang biasanya tidak memeperhatikan jumlah objek yang terdapat dalam game. Sekarang project game yang kamu buat menjadi sedikit lebih baik lagi.

Bagi kamu yang ingin mengetahui hasil dari tutorial game maker kali ini , kamu bisa mendownload project game disini ( berbentuk .gmk) : download project game maker
templates-office.com scrolling shooter game

kesalahan dalam game scrolling shooter

Kesalahan dalam game scrolling shooter
Kesalahan fatal yang sering dilakukan pemula dalam pembuatan game scrolling shooter
Pada tutorial sebelumnya kamu telah berhasil menyelesaikan masalah mengenai ketidakserasian posisi antara dua sprites dengan menggunakan fungsi titik origin.

Pada tutorial game maker kali ini kamu akan mempelajari mengenai kesalahan fatal yang sering di lakukan oleh hampir semua pemula dalam game yang bertipe scrolling shooter.

Kesalahan tersebut adalah membiarkan suatu objek [instance] yang tidak diperlukan berada dalam game. Jika hal ini terus dibiarkan akan mengakibatkan kecepatan game yang kamu buat akan menjadi lambat dan nantinya game mengalami hang . Perhatikan gambar di bawah ini.

Jika kita memperhatikan gambar diatas, kamu bisa melihat bahwa kecepatan per frame (fps) game yang sedang di jalankan tersebut adalah 30 fps (frame per second). Sekarang coba perhatikan gambar dibawah ini:

Setelah memperhatikan gambar diatas, kamu bisa melihat bahwa kecepatan dalam game yang sedang dijalankan jadi berkurang yang asalnya 30fps sekarang menjadi 25 fps. Mengapa hal ini terjadi? Bagaiamana teknik pemecahan masalah tersebut?. Sekarang coba perhatikan satu gambar lagi dibawah ini:


Lagi-lagi kecepatan game berkurang. Jika kamu tidak segera menyelesaikan masalah ini bisa-bisa game yang kamu buat nantinya akan memiliki kecepatan yang sangat rendah dan menyebabkan game menjadi lambat dan hang.

Setelah kita memperhatikan Secara seksama ketiga gambar di atas, kamu bisa melihat bahwa ketika inst [instance] hanya 2 buah, kecepatan game 30 fps ketika inst bertambah menjadi 1030 kecepatan game menjadi 25 fps dan ketika inst = 2317 kecepatan game menjadi 19 fps.

Dengan fakta diatas, kamu bisa menyimpulkan bahwa semakin banyak instance yang ada pada suatu game maka akan semakin lambat game tersebut berjalan. Untuk mengatasi hal tersebut kita bisa menggunakan fungsi debug mode yang ada pada game maker. Debug mode adalah suatu tool dalam maker yang berfungsi mengecheck segala aspek yang di jalankan oleh game.

Namun, karena pembahasan mengenai pemecahan masalah ini akan lumayan panjang maka kami akan membuat tutorial penyelesaiannya pada tutorial game maker selanjutnya. Untuk lanjutan dari tutorial kali ini kamu bisa membacanya disini.
Fungsi script instance_destroy(); pada game maker
templates-office.com scrolling shooter game

menentukan titik origin suatu sprites

Menentukan titik origin suatu objek dalam game maker
Pada tutorial game maker sebelumnya kamu telah mempelajari cara membuat sebuah pesawat yang bisa menembakan sebuah peluru. Namun jika kamu teliti baik-baik pada project game tersebut, posisi antara peluru dan pesawat tidak tepat.


Untuk Mengatasi hal tersebut, kamu bisa menggunakan fungsi titik origin yang terdapat pada menu sprites. Secara default titik origin suatu sprites berada di kiri atas sprites tersebut.


Sedangkan titik origin yang kamu perlukan saat ini adalah di bagian tengah sprite tersebut, sehingga kamu perlu mengubah titik origin sprite tersebut terlebih dahulu.

Untuk mengubah titik origin suatu sprite sangatlah mudah. Kamu hanya perlu meng-klik titik mana yang kamu inginkan untuk origin sprite tersebut dengan menggunakan klik kiri mouse atau kamu bisa mengubah nilai dari titik origin dengan Memasukan angka tertentu yang kamu inginkan

Titik Origin Untuk sprite Pesawat
Seperti yang telah kamu ketahui dari penjelasan diatas, bahwa kamu bisa mengubah titik origin suatu sprites dengan dua cara, yaitu dengan klik mouse atau mengisi nilai origin.
Titik origin yang kamu perlukan saat ini adalah di titik koordinat X=11 dan Y=8 . Perhatikan gambar di bawah ini :


Titik Origin untuk sprite Peluru [projektil]
Setelah kamu mengubah titik origin sprite pesawat, kamu juga perlu mengubah titik origin sprite peluru tersebut agar posisi peluru dan pesawat menjadi serasi pada saat game di jalankan.. Titik origin yang kamu perlukan saat ini adalah di titik koordinat X=8 dan Y=17.

Setelah kamu mengubah titik origin kedua sprite tersebut, sekarang cobalah jalankan kembali project yang telah sebelumnya kamu buat sebelumnya. Maka sekarang posisi keluar peluru dari pesawat menjadi serasi.

Bagi kamu yang ingin mengetahui hasil dari tutorial game maker kali ini , kamu bisa mendownload project game disini ( berbentuk .gmk) : download project game
templates-office.com scrolling shooter game

membuat pesawat bisa menembakan peluru

Membuat Pesawat bisa menembakan peluru
Pada tutorial sebelumnya kamu telah membuat sebuah pesawat yang seolah-olah sedang terbang di udara. Lalu, pada tutorial game maker kali ini kamu akan mempelajari cara membuat pesawat yang bisa menembakan peluru.

Skill yang di butuhkan untuk menyelesaikan tutorial ini :
- Memasukan sprites ke dalam game [tutorial no.2].
- Membuat objek dalam game maker [tutorial no.3].
- Membuat event dalam suatu objek [tutorial no.4].
- Membuat Script action di game maker [tutorial no.8].

Langkah Kerja :
1. Buka kembali project game sebelumnya [ membuat background scrolling shooter 2 ].
2. Buatlah / cari sebuah sprite (gambar) yang berbentuk sebuah projektil peluru. Contoh :


3. Masukan sprite peluru tersebut [klik kanan sprites ----) Create Sprite ---) Load Sprite].
4. Beri nama sprite tersebut dengan nama “peluru1” .
5. Setelah itu buatlah sebuah objek dengan menggunakan sprite “peluru1” dan beri nama objek tersebut dengan nama “obj_peluru1”.
6. Lalu, klik Add event ----) pilih Create ---) buatlah sebuah execute code dengan menggunakan script di bawah ini :


vspeed= -10; // membuat objek bergerak keatas dengan kecepatan sebesar 10.

7. Kemudian klik tanda ceklis yang berwarna hijau.
8. Klik kanan obj_pesawat ---) pilih properties.
9. Pada step event yang telah kamu buat sebelumnya, tambahkan sebuah execute code baru di bawahnya dengan menggunakan script di bawah ini :


if keyboard_check(ord(“A”))// jika tombol A pada keyboard di tekan
{//maka
instance_create(x,y,obj_peluru1)// buatlah objek obj_peluru1 pada koordinat x,y titik origin kapal tersebut.
}

10. Klik tanda ceklis warna hijau.
11 Jalankan Permainan rungame ---) run in debug mode .
12. Coba tekan tombol A pada keyboard maka, jika tidak ada kesalahan pesawat bisa menembakan sebuah projektil.

Bagi kamu yang ingin mengetahui hasil dari tutorial game maker kali ini , kamu bisa mendownload project game disini ( berbentuk .gmk) : download project game
templates-office.com scrolling shooter game
Rabu, 21 Juli 2010

membuat objek dalam game maker

Membuat Objek dalam Game Maker
Pada tutorial game maker sebelumnya kamu telah mempelajari mengenai bagaimana Memasukan sprites (gambar) ke dalam game maker. Pada tutorial game maker kali ini kamu akan mempelajari mengenai bagaimana cara membuat Objek dalam game maker.
Objek adalah komponen dalam game maker yang berfungsi untuk menuliskan perintah-perintah yang harus di jalankan oleh suatu sprites atau resources lain. Objek memiliki peranan penting karena mengatur segala interaksi yang terjadi dalam game, misalnya karakter bergerak, menembak, atau menghindar.

Untuk membuat objek dalam game maker caranya yaitu : “Klik kanan Object --) Create Object “, maka akan muncul tampilan berikut ini:


Menu objek cukup kompleks, karena di bagian kiri terdapat informasi mengenai sprites yang akan di pakai, di bagian tengah terdapat “menu event” dan di bagian kanan terdapat “menu Action”. Menu event dan action akan kamu pelajari pada pembahasan selanjutnya.


Lalu masukan sprites yang kamu inginkan ke dalam objek. Menu visible berfungsi untuk menentukan apakah sprites yang kita masukan harus terlihat dalam permainan atau tidak. Sebagian besar Sprites dibuat visible tapi adakalanya Sprites di buat invisible (tidak terlihat), misalnya untuk membuat jalur gerak monster atau membuat pintu rahasia dalam game.


Sedangkan menu Solid berfungsi untuk menentukan apakah objek tersebut harus di buat padat dan keras atau tidak , (biasanya menu ini solid di gunakan untuk membuat tembok).
templates-office.com dasar-dasar game maker