Membuat Game Android Sendiri Hanya 10 Menit Tanpa Coding

    Sebelum saya memberi tutorial bagaimana  Cara membuat game Android. Kalian memerlukan alat yang dibutuhkan untuk membuat Game. yang dibutuhkan adalah Construct 2 , disini saya akan memberi tutorial membuat game android menggunakan Construct 2. apa itu Construct 2 ? alangkah baiknya kita mengenal Dulu apa itu Construct 2.

     Construct 2 adalah sebuah alat atau tools yang di kembangkan oleh Scirra yang mana berbasis html5, construct 2 sangatlah mudah di gunakan membuat game tanpa harus bisa coding , dimana kita hanya drag dan drop gambar hingga menjadi game yang kita inginkan, dari Construct 2 kita bisa membuat berbagai jenis tipe game dari seperti Android,I.O.S ,PC dan masih banyak lainya.

     Sebelum kalian memulai membuat game dari Construct 2 usahkan kalian telah mempunyai software Construct 2. Jika kalian belum punya silahkan unduh Construct 2 terlebih dahulu. dan untuk mengunduh Construct 2 adalah gratis tanpa di pungut biaya.

berikut saya akan memberikan contoh membuat game android melalui Construct 2 hingga selesai dan bisa di mainkan di Smartphone kita.

- Siapkan Gambar 

    Sebelum kalian memulai membuat game, yang kalian perlukan adalah menentukan karakter yang ingin kita gunakan, semisal nya saya disini akan membuat game , maka saya harus menentukan karakter atau tokoh utama yang akan menjadi main karakter. selain itu kita bisa menentukan pula gambar background, tanah ataupun gambar item item lain yang kita buthkan nantinya

- Memasukan Gambar ke dalam Construct 2
    oke disini saya asumsikan kalian telah membuat karakter yang akan kalian gunakan, selanjutnya bukalah Construct 2 Di Laptop atau Komputer Kalian maka akan muncul tampilan seperti gambar di bawah ini.

Selanjutnya silahkan kalian klik mouse kanan lalu pilih insert new object

selanjutnya klik sprite  lalu klik insert

lalu klik gambar folder terbuka dan pilih karakter yang kalian punya

setelah itu klik gambar yang kalian pilih lalu open

      setelah itu maka gambar yang kalian pilih telah masuk ke Construct 2, namun jika gambar kalian terlalu besar kalian bisa ataur ukuran gambar kalian sesuai keinginankalian, dengan klik tombol resize pada tab menu atas, misalnya disini  saya akan menggunakan ukuran width 100 dan height 100 lalu tekan tombol ok.

setelah itu silahkan kalian tekan tombol close pada kanan atas.
jangan lupa untuk memberi nama pada setiap gambar, ini nantinya akan berfungsi untuk memudahkan kita dalam mencari gambar nanti., untuk merubah nama kalian bisa klik pada menu bar sebelah kiri klik pada Name lalu beri nama sesuai keinginan kalian, semisalnya di sini saya memberi nama pada gambar tadi dengan  nama karakter, seperti gambar dibawah ini.

     langkah selanjutnya adalah memasukan gambar tanah untuk nantinya agar karakter tokoh bisa berjalan, caranya sama seperti kalian memasukan karakter diatas , hanya saja di sini yang kalian pilih bukan sprite , melainkan Tiled Background.

     jika gambar di rasa masih terlalu besar kalian bisa Resize gambar sesuai keinginan kalian. setelah gambar telah sesuai dengan harapan kalian langkah selanjutnya adalah menaruh gambar tanah di ujung pojok bawah kiri  lalu tarik ke kanan hingga memenuhi layar.
untuk gambar ini saya beri nama tanah.

     selanjutanya tambahkan gambar warna merah  yang nantinya ini akan berfungsi sebagai efek percikan darah ketika karakter utama menyentuh jebakan  - jebakan rintangan. caranya seperti memasukan gambar diatas hanya saja di sini yang kalian pilih bukan sprite , dan Tiled Background melainkan particles lalu letakan gambar particles di luar layout.dan untuk gambar ini saya beri nama darah.

      setelah kalian selesai memasukan particles , sekarang  agar game  yang kalian buat terliaht menarik yakni siapkanlah gambar background
masukan Background seperti kita memasukan gambar karakter utama, lalu Resize ukuran background sesuai ukuran layout , misalnya disini saya menggunakan ukuran layout width 850 x height 450.

     setelah background yang kalian punya berhasil masuk di construct 2 sekarang tinggal mengaturnya agar gambar Background kalian tidak menutupi semua gambar , atau mengalihkan gambar background menjadi terletak paling belakang diantara gambar - gambar lainya
caranya dengan klik mouse kanan lalu pilih Z order lalu pilih send to bottom of layer.

maka seperti inilah hasilnya gambar background akan menjadi di paling belakang
untuk gambar ini saya beri nama background

      sekarang siapkanlah gambar apapun sesuai ke inginan kalian yang nantinya akan menjadi penghalang.karakter utama. semisal saya di sini akan memasukan gambar ranjau paku.
seperti biasa kalian bisa mengatur ukuran gambar sesuai selera kalian dengan me-Resize. atur juga penempatan gambar sesuai keinginan kalian. kalau saya menaruhnya di bagian tengah seperti gambar di bawah ini. untuk gambar ini saya beri nama paku.

 
    siapkanlah gambar tombol arah agar nantinya bisa mengarahkan karakter bisa bergerak, siapkan juga gambar tombol jump yang nanti fungsinya agar dapat membuat karakter dapat melompat , dan selanjutnya siapkan gambar  tombol keluar agar bisa keluar dari permainan. kalau gambar  tombol yang saya siapkan dan masukan ke construct 2 seperti di bawah ini
seperti biasa untuk penempatan gambar bisa kalian atur sesua keinginan.
untuk gambar arah ke kanan , saya kasih nama  arah_kanan
untuk gambar arah ke kiri , saya kasih nama  arah_kiri
untuk gambar arah ke atas , saya kasih nama  lompat
untuk gambar X , saya kasih nama  keluar

    Langkah selanjutnya siapkan gambar penanda bahwa game sampai pada akhir atau Finish kalian bisa menyiapkan gambar apapun sesuai keinginan kalian bisa bendera , plank , pintu atau yang lainya, untuk saya sendiri disini saya menyiapkan gambar bendera sebagai penanda finish.
untuk gambar ini saya kasih nama bendera.

    untuk selanjutnya atur lah gambar game kalian dan berikan sedikit sentuhan seperti menaruh beberapa rintangan ataupun beberapa jalan agar nantinya karakter bisa jalan kian kemari. untuk saya sendiri saya mengaturnya seperti gambar dibawah ini

    Langkah selanjutnya Siapkanlah gambar dengan kata - kata  menunjukan telah memenangkan permainan ketika sampai di finish, disini saya memasukan gambar dengan kata - kata "You Won" lalu setelah itu letakanlah gambar You Won Diluar Layout
dan untuk gambar ini saya kasih nama ; you_won

- Memberikan Event
    Setelah kita memasukan beberapa gambar yang kita butuhkan kini saatnya kita tambahkan event pada gambar agar memiliki pergerakan atau peristiwa  tertentu.
   kini saatnya memberikan event pada main karakter biar bisa jalan - jalan, yang perlu kalian lakukan adalah klik gambar karakter utama kalian lalu di kiri menu klik Behaviors

untuk selanjutnya kalian add new dengan mengklik lambang tambah , dan scroll kebawah lalu add icon gambar platform, ini berfungsi agar nanti karakter utama dapat bergerak.

selanjutnya pilih gambar tanah kalian klik Behaviors ,add new lalu add Solid,ini berfungsi sebagai pijakan agar karakater utama bisa jalan dan tidak menembus.
setelah menambahkan solid, kalian bisa mengecek karakter utama bergerak dengan cara menekan  arah kanan dan kiri.

nah sekarang saatnya menambahkan event pada gambar , sebelum kalian memulai menggunakan event pastikan dahulu untuk menambahkan touch dan browser, yang mana nantinya touch berfungsi agar nanti tombol - tombol  bisa di sentuh di layar hape kalian dan browser  salah satu funsgsinya nanti untuk keluar dari game jika kalian ingin mengakhiri permainan, untuk menambahkan touch dan browser kalian bisa klik mouse kanan insert new object lalu pilih add Touch, setelah itu jangan lupa menambahkan browser caranya sama  klik mouse kanan insert new object lalu pilih add Browser  seerti gambar di bawah ini.

nah barulah sekarang menggunakan event sheet, caranya dengan mengklik event sheet, pada kanan layout

 disini mula - mula saya memberi event pada gamabar arah, agar nantinya ketika gambar di sentuh bisa membuat karakter bergerak caranya adalah sebagai berikut,
klik add event, pilih touch lalu klik next, lalu pilih is touching object , lalu click to choose , setelah itu pilih gambar arah kanan klik oke lalu klik done.
maka tampilan di event sheetnya sebagai berikut;

seteleh itu klik add action pilih gambar karakter lalu pilih simulate control , klik next lalu pilih Right klik done, maka tampilanya akan seperti ini;

      setelah itu tambahkan action mirrored agar nanti ketika berjalan, karakter dapat menoleh kekanan dan kekiri, caranya sebagai berikut,
tambahkan klik add action pilih gambar karakter klik next, lalu pilih set mirrored klik next, pilih Not Mirrored lalu klik done, maka tampilanya akan seperti gambar di bawah ini.

   lakukan hal yang sama pada gambar arah kiri dan gambar arah atas, hanya saja untuk simulat control gambar arah kiri pilih Left, dan untuk set mirrored pilih mirrored, dan untuk gambar arah atas pilih simulate control Jump. maka nanti hasilnya akan seperti gambar di bawah ini.

    untuk selanjutnya memberikan event pada gambar karakter agar ketika bertemu paku akan mengeluarkan percikan darah, dan jika bertemu bendera akan menandakan finish, berikut caranya;
Klik add event pilih gambar karakter klik next, lalu pilih on colision with another object klik next, lalu klik to chosoe pilih gambar paku klik done.
setelah itu klik add action pilih gambar karakter klik next, pilih spawn another object klik next, click choose to pilih gambar darah, lalu  klik Done.
lalu tentukan agar karakter tidak bisa berjalan ketika menyentuh paku caranya sebagai berikut;
klik add action pilih gambar karakter klik next, pilih set enabled klik next, lalu pilih Disabled klik Done.
lalu tentukan waktu jeda , disini nanti kalian bisa mengatur waktu yang kalian inginkan caranya sebagai berikut;
klik add action pilih System  klik next, pilih wait klik Done.
lalu tentukan apa yang terjadi setelah karakter menyentuh paku, disini saya memberikan efek  kembali ke permainan awal karenaa si karakter telah mati atau terkena jebakan, ketika menyentuh paku maka sistem akan me -Restart layout caranya sebagai berikut;
klik add action pilih system klik next, pilih Restart layout klik Done,
maka akan tampil gambar event seperti di bawah ini.

    selanjutnya berikan event pada gambar karakter agar ketika menyentuh bendera menandakakan permainan telah selasai atau finish dengan cara sebagai berikut;
Klik add event pilih gambar karakter klik next, lalu pilih on colision with another object klik next, lalu klik to chosoe pilih gambar Bendera klik done.
setelah itu klik add action pilih System klik next, pilih Create object klik next, click choose to pilih gambar You Won, atur layer x 482 lalu layer y 226 lalu  klik Done.
lalu tentukan waktu jeda;
klik add action pilih System  klik next, pilih wait klik Done.
lalu tentukan apa yang terjadi setelah karakter menyentuh Bendera, disini saya memberikan efek  kembali ke permainan awal.
klik add action pilih system klik next, pilih Restart layout klik Done,
maka akan tampil gambar event seperti di bawah ini;

    nah untuk selanjutnya berikan event pada gambar X agar nanti ketika di sentuh dapat keluar dari permainan, caranya sebagai berikut;
klik add event, pilih touch lalu klik next, lalu pilih on touched object , lalu click to choose , setelah itu pilih gambar X klik oke lalu klik done.
langkah selamjutnya;
Klik add action pilih browser klik next, lalu pilih Close lalu klik Done, maka tampilanya seperti gambar di bawah ini;

   nah selesai sudah game yang kalian bikin , game yang kalian bikin ini masih hanya bisa dijalankan di Pc komputer maupun laptop, lalu bagaimana biar bisa di jalankan di hp android kalian ?
tenang jangan risau saya akan langsung memberikan cara membuild apk dari game construct 2 tadi yang kalian bikin.

- Build Apk
    sebelum memualai bikin apk - nya ada yang perlu kalian perhatikan adalah koneksi internet yang cukup lancar. karena disini saya akan mengajari kalian membuild apk secara online, kenapa secara online ? ya karena sangat mudah dan tidak membingungkan menurut pengalaman saya :).

   Ok saya asumsikan kalian memiliki koneksi internet yang cukup lancar dan ini beberapa hal  yang perlu kalian lakukan;

1. export
     export game kalian ke Cordova atau Tizen, untuk export ke cordova ini untuk Construct 2 yang berlicensi dan tentu pastinya fungsinya lebih sempurna, namun karena disini saya memberi tutorial menggunakan Construct 2 free (gratis) exprort lah ke Tizen namun mungkin ada beberapa fungsi di event yang mungkin tidak berjalan semestinya, namun jangan khawatir walaupun menggunakan Construct 2 gratis kalian tetap bisa membuild ke apk, namun bagi kalian yang mempunyai construct 2 yang berlicensi di sarankan export ke cordova karena hasilnya lebih akurat dan lebih bagus, dan untuk export ke cordova akan saya bahas di postingan lainya ketika saya membahas artikel baru yang membahas export ke cordova.

    oke kembali ke pembahasan export ke Tizen, caranya adalah ;
sebelum kalian mengexport game buatan kalian pastikan dulu deskripsi, ID telah kalian isi. Misalnya untuk game yang saya buat saya isi seperti gambar dibawah ini.

langkah selanjutnya adalah klik file pada bar menu sebelah kiri atas lalu pilih export project , lalu pilih Tizen Klik Next, lalu klix Export. Setelah itu bukalah hasil export kalian dan hapus file config.

selanjutnya ubah folder hasil export kalian ke format ZIP.

2. Upload
    setelah kalian berhasil mengexport game kalian kinilah saatnya meng Upload hasil Export Kalian Agar menjadi Apk, dan sebelum itu ada beberapa hal yang perlu kalian perlukan yakni kalian harus sudah mendaftar di Cocoon(dot)io, jika kalian belum daftar silahkan kalian search di google dengan menggunakan kata kunci cocoonio. bisanya akan tampil di paling atas dan kalian bisa mendaftar gratis, seperti berikut inilah tampilan lamanya.

setelah kalian masuk di laman Cocoon(dot)io silahkan daftar atau sign up setelah itu akan ada pesan verifikasi ke e- mail kalian, buka e - mail kalian dan verifikasi penadaftaran setelah itu baru lah kalian login ke cocoon(dot)io.
    setelah kalian login kini saatnya kalian membuild apk dengan cara mengupload hasil export yang telah di ZIP. sebagai berikut;
klik Drop Zip or upload lalu pilih hasil export  game kalian yang telah di ZIP setelah berhasil di upload klik icon setting

selanjutnya isi deskripsi Bundle id isi dengan ciri khas kalian misalnya untuk saya kasih nama (com.afishadream.mencoba), lalu selanjiutnya isi versi , selanjutnya isi name dengan nama game kalian, selanjutnya atur orientation sesuai kebutuhan kalian bisa pottrait atau landscape atau bisa keduanya dengan memilih Both, setelah itu ganti Fullscreen menjadi Yes agar nantinya game bisa tampil layar penuh di Smartphone kalian.

selanjutnya ceklist android di bar sebelah kiri 

lalu klik save di kanan bawah;

setelah itu scroll ke atas lalu pilih menu ICONS dan upload gambar yang ingin kalian gunakan menjadi icon tampilan game kalian setelah nanti terinstal di smarthphone.

setelah itu scroll keatas lagi lalu klik compile , 

tunggu hingga proses compile selesai , jika compile telah selesai download hasil apk kalian dengan mengklik icon android

langkah selanjutnya adalah buka hasil download kalian lalu extract Android-debug.apk ke komputer atau Laptop kalian

setelah itu pindah di smartphone kalian lalu instal, dan selesai sudah game kalian kini siap kalian mainkan.

Sekian itulah cara mudah membuat game android tanpa coding , semoga bermanfaat ;)

NB ; karena hasil export menggunakan Tizen maka akan ada beberapa fungsi yang tidak berjalan denagn semestinya, namun jika kalian ingin agar fungsi berjalan 100%  export lah ke Cordova dengan syarat Construct 2 kalian sudah berlicensi.