Kita disini akan
mempelajari sedikit pembuatan game HTML5 menggunakan “Construct 2”. SEbelumnya
kita kenali dulu game engine yang akan kita gunakan. Apa itu game engine?. Apa itu “Construct 2”?. Saya akan membahasnya
sedikit disini. Dan saya juga akan memberikan sedikit tutorial membuat game
menggunan “Construct 2” ini.
Apa itu game engine?. Game
Engine adalah sebuah sistem perangkat lunak (software) yang dirancang untuk
pembuatan dan pengembangan suatu video game. Game engine memberikan kemudahan
dalam menciptakan konsep sebuah game yang akan di buat.
Tipe - tipe Game Engine :
1. Roll-your-own game engine
Game engine tipe ini lebih
disukai karena selain kemungkinan besar tersedia gratis, juga memperbolehkan
para developer, lebih fleksibel dalam mengintegrasikan komponen yang diinginkan
untuk dibentuk sebagai game engine mereka sendiri. Kelemahan dari tipe game engine ini banyak
engine yang dibuat dengan cara semacam ini malah menyerang balik developernya.
2. Mostly-ready game engines
Game engine biasanya sudah
memberikan fitur-fitur kepada developer game seperti GUI, physiscs, libraries
model, texture, dll. Engine ini memiliki beberapa batasan, terutama jika
dibandingkan dengan game engine sebelumnya yang benar-benar terbuka lebar. Hal
ini ditujukan agar tidak terjadi banyak error yang mungkin terjadi setelah
sebuah game yang menggunakan engine ini dirilis dan masih memungkinkan game
engine-nya tersebut untuk mengoptimalkan kinerja game-nya.
3. Point-and-click engines
Engine ini merupakan engine yang
sangat dibatasi, tapi dibuat dengan sangat user friendly. Developer game bahkan
bisa mulai membuat game sendiri menggunakan engine seperti GameMaker, Torque
Game Builder, FPS Creator, dan Unity3D. Dengan sedikit memanfaatkan coding,
sudah bisa merilis game. Kekurangannya
terletak pada terbatasnya jenis interaksi yang bisa dilakukan dan biasanya hal
ini mencakup semuanya, mulai dari grafis hingga tata suara. Tapi bukan berarti
game engine jenis ini tidak berguna, bagi developer cerdas dan memiliki
kreativitas tinggi, game engine seperti ini bisa dirubah menjadi sebuah game
menyenangkan. Game engine ini memang ditujukan bagi developer yang ingin
menyingkat waktu pemrogramman dan merilis game-game mereka secepatnya.
Beberapa contoh Game Engine :
1. FPS Creator
2. Unity3D
3. Blender
4. RPG Maker
5. Ogre
Apa itu “Construct 2”?. Construct 2 adalah produk buatan Scirra,
perusahaan yang berasal dari kota London, Inggris. Dengan menggunakan game
engine ini, entah itu developer pemula maupun expert sangat dimanjakan dengan
kemudahan pemakaian. Cukup membaca beberapa manual di situs resmi Scirra,
pertama-tama kita diharapkan untuk menyesuaikan area kerja Construct 2 yang
memang didesain dengan banyak fitur.
Game builder ini sebenarnya dirancang untuk game
berbasis 2D. Dengan menggunakan Construct 2, pengembang permainan dapat
mem-publishnya ke beberapa platform seperti
- HTML5 website,
- Google Chrome Webstore,
- Phonegap (Android),
- Windows Phone 8, bahkan Windows 8.
Untuk mempercantik game kita, disediakan pula 70
visual effect yang menggunakan engine WebGL. Construct 2 juga dilengkapi dengan
20 built-in plugin dan behaviours (perilaku objek). Kita dapat
- Menambah sprite animasi,
- Objek teks,
- Mengkoneksikan ke Facebook,
- Menambah musik,
- Manipulasi penyimpanan data game,
- dan penambahan efek-efek grafis layaknya Adobe Photoshop.
Pemanggilan fungsi-fungsi di Construct 2 hanya
menggunakan pengaturan Events yang telah disediakan. Events merupakan
pilihan-pilihan Action dan Kondisi yang akan menjadi nyawa dalam game dan game
dapat berjalan sesuai yang kita inginkan. Karena berbasis HTML5, preview saat
kita ingin menjajal game pun hanya memanfaatkan browser (localhost).
Berikutnyan
saya akan membahas pembuatan game menggunakan “Construct2”. Membuat game
menggkan game engine ini tidaklah susah kita dapat membuat game tanpa harus
menulis kode pemrograman, karena sebagian besar logika untuk game dapat dibuat
menggunakan menu yang sudah ada didalamnya. Kelebihan lain dari construct
adalah fungsi-fungsi bawaan yang sudah disediakan dapat mempercepat proses
pembuatan game.
Disini
saya akan menunjukan pembuatan game seperti flappy bird. Langasung saja kita
lihat tutorialnya.
Masukkan karakter dan penghalang
- Buatlah project baru di Construct 2. Pilih menu di kiri atas, pilih New > New empty project.
- Klik kanan di layout > Insert new object > Sprite. Load gambar karakter kita (kamu bisa pakai gambar apa saja yang kamu punya).
- Klik kanan lagi di layout > Insert new object > Sprite. Load gambar penghalang kita, sebaiknya berupa pipa atau semacamnya. Kita perlu copy paste objek penghalang ini agar muncul di beberapa tempat secara berurutan (lihat gambar).
Membuat pergerakan dalam game
- Walaupun seakan karakter burung dalam Flappy Bird bergerak ke kanan, yang sebenarnya terjadi adalah pipa-pipa dan gambar latar belakang yang bergerak ke kiri. Karakter hanya bergerak ke atas dan bawah.
- Pada event sheet, buat event baru, System > Every tick. Lalu buat sub event dengan menekan tombol S pada keyboard atau klik kanan, Add > Add sub event.
- Pada sub event, pilih For each > pilih objek Penghalang. Buat action Penghalang > Move at angle > Isi angle 180 (arah kiri) distance 3. Ini akan membuat penghalang bergerak ke kiri.
- Untuk membuat penghalang muncul kembali dari sisi kanan layar, buat sub event pada for each tadi, System > Compare two values > untuk nilai pertama pilih objek Penghalang >BBoxRight, pilih Less than, dan nilai kedua isi dengan 0. Ini kita gunakan untuk memeriksa jika penghalang melewati ujung layar sebelah kiri.
- Tambahkan action, Penghalang > Move at angle > angle diisi 0 (arah kanan), nilai diisi “WindowWidth + Penghalang.Width” (tanpa tanda petik). Ini akan membuat Penghalang muncul dari sisi luar layar sebelah kanan.
- Untuk membuat posisi vertikal objek berubah-ubah, buat action baru, Penghalang > Set Y > “floor(random(370,,550))” (tanpa tanda petik). Ini akan membuat posisi objek penghalang antara kedua nilai yang dimasukkan (bisa kamu sesuaikan dengan gambar yang kamu gunakan).
Tapi dalam game ini jika objek yang kita ingin gerakan belom gerak jadi
hanya rintanganya yang bergerak.
Dalam pembuatan gam
seperti flappy bird, sebenernya bukan objek burung yang bergerak dari kiri
kekanan lalu menghindari rintangan. Tetapi rintangannya yg bergerak dari kann
ke kiri. Sedangkan objek burungnya itu tinggal bergerak keatas kebawah
menghindari rintangan tersebut.
Sumber:
