Script Permainan

Game ini berisi tentang perjuangan seroang  manusia agar tetap hidup dari serangan alien. Kita tinggal perlu menembakan semua alien yang mencoba mendekati, jangan sampai alien dapat melukai kita.  

Tutorial pembuatan Game HTML5 dengan Contruct 2

                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,
• Facebook
• 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

1. Buatlah project baru di Construct 2. Pilih menu di kiri atas, pilih New > New empty project.
2. Klik kanan di layout > Insert new object > Sprite. Load gambar karakter kita (kamu bisa pakai gambar apa saja yang kamu punya).
3. 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

1. 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.
2. 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.
3. 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.
4. 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.
5. 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.
6. 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:

http://gedebuk.org/membuat-game-seperti-flappy-bird/

http://mkhuda.com/html5/mudahnya-membuat-game-html5-dengan-construct-2/