LAPORAN PRAKTIKUM

GAME EDUKASI

MODUL 1

GAME ENGINE CONSTRUCT 2

Oleh:

Andrik Safa’ad Ardy M A710160034

Program Studi Pendidikan Teknik Informatika

Fakultas Keguruan dan Ilmu Pendidikan
Universitas Muhammadiyah Surakarta
2019
Mata Kuliah : Praktikum Game Edukasi Acc
Prodi : Pendidikan Teknik Informatika
Nama : Andrik Safa’ad Ardy Maulana
NIM : A710160034

MODUL 1

GAME ENGINE CONSTRUCT 2

A. DASAR TEORI

Construct adalah editor game 2D berbasis HTML5, yang dikembangkan oleh

Scirra Ltd. Ini ditujukan terutama untuk non-programmer, memungkinkan
pembuatan game cepat secara drag-and-drop menggunakan editor visual dan
sistem logika berbasis perilaku.
Dalam kamus bahasa Indonesia “Game” diartikan sebagai permainan.
Permainan merupakan bagian dari bermain dan bermain juga bagian dari
permainan keduanya saling berhubungan. Permainan adalah kegiatan yang
kompleks yang didalamnya terdapat peraturan, play dan budaya. Sebuah
permainan adalah sebuah sistem dimana pemain terlibat dalam konflik
buatan, disini pemain berinteraksi dengan sistem dan konflik dalam
permainan merupakan rekayasa atau buatan, dalam permainan terdapat
peraturan yang bertujuan untuk membatasi perilaku pemain dan menentukan
permainan. Game bertujuan untuk menghibur, biasanya game banyak disukai
oleh anak – anak hingga orang dewasa. Games sebenarnya penting untuk
perkembangan otak, untuk meningkatkan konsentrasi dan melatih untuk
memecahkan masalah dengan tepat dan cepat karena dalam game terdapat
berbagai konflik atau masalah yang menuntut kita untuk menyelesaikannya
dengan cepat dan tepat. Tetapi game juga bisa merugikan karena apabila kita
sudah kecanduan game kita akan lupa waktu dan akan mengganggu kegiatan
atau aktivitas yang sedang kita lakukan. Untuk membuat game saat ini sudah
banyak pilihan software dan membangun (develop) sebuah aplikasi komputer
yang baik dengan berbasisi desktop, web maupun smartphone. Berdasarkan
jenis platform atau alat yang digunakan
1. Arcade games, yaitu sering disebut ding-dong di Indonesia, biasanya
berada di daerah / tempat khusus dan memiliki box atau mesin yang
memang khusus di design untuk jenis video games, kebanyakan para
gamers merasa “masuk” dan “menikmati” sebuah arti permainan itu sendiri,
 didukung dengan perangkat, seperti pistol, kursi khusus, sensor gerakan,
sensor injakkan dan stir mobil (beserta transmisinya tentunya).
2. PC Games , yaitu video game yang dimainkan menggunakan Personal
Computers
3. Console games, yaitu video games yang dimainkan menggunakan console
tertentu, seperti Playstation 2, Playstation 3, dan Nintendo Wii.
4. Handheld games, yaitu yang dimainkan di console khusus video game yang
dapat dibawa kemana-mana, contoh Nintendo DS dan Sony PSP.
5. Mobile games, yaitu yang dapat dimainkan atau khusus untuk mobile
phone atau PDA.
Pada kesempatan kali ini software yang di gunakan untuk membuat game
yaitu Construct 2.

Gambar 1.1 Halaman Start dari Construct 2

Construct 2 merupakan game engine atau game editor 2D berbasis HTML5

yang dikembangkan oleh Scirra Ltd. Tujuan utamanya yaitu agar orang-orang
yang bukan berasal dari programmer atau memiliki pengetahuan tentang
pemrograman dapat membuat game secara cepat dan mudah. Karena dalam
game engine construct 2 ini terdapat editor yang dapat secara visual dapat
dilakukan drag and drop. Selain itu, di dalamnya juga terdapat siste logika dan
behavior (perilaku). Berikut ini merupakan beberapa user interface pada
software engine Construct 2 :
1. File menu & tab
Construct 2 menggunakan interface ribbon yang memiliki desain toolbar
milik Microsoft Office sehingga menu dan tab-tab di dalamnya sama persis.
2. View tab
View tab memungkinkan pengguna untuk mengganti layout dan even sheet
yang diinginkan.
3. Properties bar
Merupakan tempat untuk mengatur property yang dimiliki sebuah objek,
layout, layer, animasi dan lain-lain.
4. Project bar dan Layer bar
 Project bar berfungsi untuk menampilkan segala sesuatu yang terdapat
didalam project, sementara Layer bar dapat digunakan untuk menambah
layer atau memilih layer yang aktif.
5. Layout view
Merupakan visual editor atau workspace yang menempatkan objek-objek
untuk melihat game, merancang level dan stage game, membuat screen
menu dan lain-lain.
6. Tab Project bar dan Layer bar
Memungkinkan pengguna untuk berpindah dari Project bar ke Layers bar
atau sebaliknya.
7. Objects bar
Terdapat daftar objek game yang sedang dikerjakan saat ini.

Setelah mengetahui beberapa user interface pada Construct 2, berikut ini

merupakan beberapa behavior dan event yang ada dalam Construct 2, yaitu :

1. Behavior atau perilaku yaitu merupakan fungsionalitas pre-packaged pada

Construct 2. Berapa behavior pada Construct 2 antara lain adalah :
 8 Direction movement yang berfungsi untuk menggerakan objek
menggunakan tombol panah, misalnya menggerakkan player.
 Bullet movement yang berfungsi untuk menggerakkan objek
kedepan pada angle saat itu, misalnya peluru dari pemain.
 Scroll to yang berfungsi membuat screen untuk mengikuti objek
bergerak yang biasa disebut dengan scrolling.
 Bound to Layout berfungsi untuk menghentikan objek
meninggalkan area.
 Destroy outside layout sangat bermanfaat untuk peluru yang hilang
setelah ditambahkan
 Fade berfungsi untuk menghilang secara perlahan.

2. Event
List event dalam Construct 2 dapat dilihat pada event sheet editor. Even
sheet terdiri atas kondisi (condition) yang harus di penuhi, action yang
berjalan, sub-event opsional yang menguji kondisi criteria tertentu.

B. TUJUAN PRAKTIKUM
1. Mahasiswa mengenal lebih jauh user interface dari game engine Construct
2.
2. Mahasiswa dapat menambahkan objek, behavior dan event pada Construct
2.
C. HASIL DAN ANALISA
1. Kegiatan 1 : Memulai Construct 2
- Buat file project game baru menggunakan Construct 2 dengan cara klik
File  New  New Empty Project.
- Tambahkan background tiled dengan cara klik kanan pada bagian layout
view  Insert  Tiled Background  letakkan kursor pada bagian
layout file.

Gambar 1.2 Menambahkan Tiled Backgroud

- Ganti nama layer menjadi background, karena ini merupakan layer

background yang digunakan pada aplikasi game, kemudian kunci layer
tersebut dengan cara double click pada padlock sehingga layer tersebut
tidak bisa dilakukan editing lagi.
- Tambahkan layer baru dengan cara klik button plus sehingga akan
muncul layer baru.
- Ganti nama layer menjadi main, kemudian geser sehingga posisinya
berada di atas layer background.
 Gambar 1.3 Tumpukan Layer

Gambar 1.4 Setelah Background Ditambahkan

Analisis :

Gambar 1.4 diatas merupakan background yang telah di tambahkan pada

Construct 2 untuk memulai sebuah project baru. Background tersebut bisa
di pilih sesuai keinginan pengguna, dengan menambahkan background
tampilan game akan lebih menarik.

- Tambahkan objek input baru pada layer aktif yaitu Main (layer tidak
terkunci) dengan cara double click atau klik kanan  insert new objek
kemudian pilih Mouse. Lakukan hal yang sama dengan input Keyboard.

Gambar 1.5 Jenis input pada Construct 2

 - Tambahkan objek baru sebagai player, monster, peluru, dan ledakan
dengan cara klik kanan  insert new object  Sprite (bagian general).

Gambar 1.6 Object Game

2. Kegiatan 2 : Menambahkan Behavior

- Klik Add/Edit dan pilih button plus kemudian pilih behavior sesuai
dengan keinginan

Gambar 1.7 Behavior pada dialog window

3. Kegiatan 3 : Menambahkan Event

- Pilih event sheet, kemudian double klik pada layout event sheet
tersebut untuk menambahkan event baru.
- Pilih sistem  tekan tombol next  pilih Every tick  done
 Gambar 1.8 Menambahkan Every tick
- Tambahkan action yang membuat player selalu melihat mouse dengan
cara klik add action  pilih player dan tekan next  perhatikan bagian
angle dan pilih set angle toward position next  pilih mouse atau
isikan Mouse.X pada kolom X dan Mouse.Y pada kolom Y.
- Jalankan project dan perhatiakan bahwa player selalu bergerak
mengikuti arah gerakan mouse.
- Hasil dan analisa :

Gambar 1.9 Mouse event

- Setelah project di play (dijalankan) maka hasilnya seperti di bawah ini.

Gambar 1.10 Mouse di gerakkan ke kanan

Gambar 1.11 Mouse di gerakkan ke kiri

 Analisis :
Pada Praktikum diatas merupakan tampilan setelah project di jalankan, pada
gambar 1.9 player bergerak mengikuti arah gerakan mouse yang di gerakkan
ke arah kanan. Sedangkan pada gambar 1.10 player bergerak mengikuti arah
gerakan mouse yang di gerakkan kea rah kiri. Hal ini terjadi karena pada
kegiatan praktikum telah di tambahkan action yang membuat player
mengikuti arah gerakan mouse.

D. TUGAS
1. Lakukan eksplorasi terhadap beberapa behavior yang terdapat pada
Construct 2 selain 8 direction movement. Tulis fungsi dan kegunaan
behavior tersebut.

Jawaban :
- 8 direction :Untuk membuat object dapat dikontrol untuk bergerak ke
kanan, kiri, atas, bawah.
- Anchor :Berfungsi untuk memposisikan objek secara otomatis agar sesuai
dengan ukuran layar, hal ini berfungsi untuk mendukung berbagai ukuran
layar.
- Bound to Layout :Berfungsi agar obyek tidak keluar dari layar game. Jika
anda membuat suatu object tanpa menggunakan Bound to Layout, maka
jika object tersebut digerakkan terlalu kekiri atau terlalu kekanan object
tersebut akan keluar dari layar. Tidak lucu kan kalau saat sedang bermain
game tiba – tiba object nya hilang
- Bullet :Berfungsi untuk membuat object maju lurus kedepan, ini biasa
digunakan untuk peluru, tetapi bullet juga mempunyai opsi tambahan
seperti gravitasi dan memantul yang digunakan untuk membuat object
seperti bola yang memantul, selain biasa digunakan untuk peluru, bullet
juga dapat digunakan untuk object sebagai musuh yang selalu bergerak
secara otomatis
- Car : Berfungsi untuk membuat object dapat bergerak maju mundur belok
kanan, kiri seperti memiliki kemudi, car biasanya digunakan untuk game
yang bertema tentang kendaraan atau balapan
- Custom movement : Membuat obyek dapat bergerak sesuai kebiasaan
(event based) movement.
- Destroy outside : Menghancurkan obyek setelah keluar dari layar utama
game. Jika anda melihat peluru yang menghilang setelah keluar dari layar
pada game, itu sebenarnya tidak menghilang, peluru itu akan tetap maju
secara terus menurus dan jika hal ini dibiarkan lama kelamaan akan
 membuat loading game jadi berat. Untuk menghindari hal tersebut maka
gunakanlah Destroy Outside Behavior yang akan menghancurkan object
secara otomatis setelah keluar dari layar
- Drag and Drop : Berfungsi untuk memberikan sifat pada object agar dapat
ditarik dan diposisikan sesuai keinginan dengan mengklik atau menyentuh
obyek tersebut kemudian dapat dilepaskan jika posisi object sudah sesuai
dengan yang anda inginkan dengan melepas klik atau sentuhan anda.
- Fade : Memberikan sifat pada object agar dapat memudar dan menghilang
secara otomatis. Contohnya : jika anda menembak musuh dan tembakan
tersebut mengenai musuh, maka akan keluar api dan api tersebut akan
memudar dan menghilang secara otomatis.
- Flash : Membuat object dapat terlihat untuk beberapa saat lalu menghilang
untuk beberapa saat kemudian muncul lagi sesuai waktu yang telah anda
set dan akan terus berulang – ulang (seperti berkedip).
- Jump-thru : Untuk membuat suatu pijakan dapat dipijak dan dapat
ditembus dari bawah, ilustrasinya seperti gambar dibawah ini
- Solid : Membuat suatu obyek dapat dipijak, sama seperti jump-thru.
Namun, solid tidak dapat ditembus dari bawah. Ilustrasinya seperti gambar
dibawah ini
- Line-of-Sight : Berfungsi untuk membatasi jarak pandang object. Seperti
pada game peperangan, biasanya ada object yang menghalangi jarak
pandang object pemain untuk melihat musuh. Missal terhalang tembok,
pohon dan lain sebagainy
- No Save : Biasanya semua object dan tindakannnya akan disimpan dalam
game, itu akan membuat loading game semakin lama semakin lambat.
Dengan menggunakan no save behavior maka object yang telah dipasang
no save behavior dan tindakan – tindakannya tidak akan disimpan dan
tidak akan membuat loading game menjadi berat.
- Path Finding : Berfungsi untuk membuat object sebagai pemain dapat
menemukan jalan tercepat disekitar rintangan secara cepat.
- Persist : Membuat object dapat mengingat tata letak yang berbeda pada
saat ditinggalkan kemudian kembali lagi ke tempat tersebut. Object yang
menggunakan persist behaviour disebut juga sebagai tata letak terus
menerus. Ibaratnya, disaat anda telah menghancurkan dinding kemudian
meninggalkannya, maka saat anda kembali lagi ke tempat tersebut
kondisinya sama seperti saat anda tinggalkan (dindingnya tetap hancur)
- Physics : Untuk contoh penggunaan physics behavior, anda lihat saja pada
game Angry Bird dimana reruntuhan gedung berjatuhan kebawah dan jika
salah satu object pada gedung yang roboh tersebut menyentuh object lain
(gedung lain) maka object yang tersentuh akan ikut bergoyang atau
bahkan ikut roboh.
 - Pin : Object yang diberi Pin Behavior akan memberikan kesan bahwa
object tersebut telah disematkan atau menempel pada obyek lain.
- Platform : Obyek yang diberi Platform Behavior berfungsi sebagai Pemain
dalam game tersebut yang dapat digerakkan sesuai keinginan anda.
- Rotate Behavior : Berfungsi agar game seolah-olah berputar
- Shadow Caster : Memberikan efek shadow (bayangan) pada object yang
diberi Shadow Caster Behavior. Untuk lebih jelasnya, lihat gambar dibawah
ini
- Sine : Dapat menyesuaikan object (seperti posisi, ukuran atau sudut).
Seperti mebuat rumput bergoyang secara teratur dan terus menerus. Ini
akan mempercantik tampilan game anda.
- Timer : Berfungsi untuk memberikan batas waktu untuk pemain
menyelesaikan permainan. Time Behavior digunakan hampir disetiap
game.
- Turret : Apakah anda pernah memainkan game contra? Jika pernah pasti
anda melihat didalam game contra ada Tank yang dapat dinaiki dan
mengikuti arah gerakan si object pemain. Nah, itulah fungsi dari Turret
Behavior
- Wrap : Ini berfungsi untuk me-repositions object. Misal pada permainan
Snake II milik nokia, jika anda mengarahkan ularnya kebawah, maka
setelah melewati batas ular tersebut akan muncul dari atas. Seperti itulah
fungsi wrap.
2. Tambahkan beberapa event action, dan lakukan analisa terhadap event-event
yang terdapat pada Construct 2!
Jawaban :

Gambar 1.12 Menambahkan Event pada Player

Gambar 1.13 Menambahkan Event pada Monster

Pada gambar 1.12 menambahkan event action set angle toward (player.X dan
player.Y). Event action ini di gunakan untuk menjaga object tersebut agar
tidak keluar dari layout, agar object tersebut tetap berada pada lingkungan
layoutnya.
 Sedangkan pada gambar 1.13 menambahkan event action set to random (360)
degree. Event ini di gunakan untuk mengarahkan gerak object sesuai dengan
sudut yang sudah di tentuakan.

E. KESIMPULAN DAN SARAN

Kesimpulan

Construct 2 merupakan tools pembuat game berbasis HTML5 yang

dikhususkan untuk platform 2D yang dikembangkan oleh Scirra, tidak
menggunakan bahasa pemrograman khusus, karena sudah diatur dalam event
sheet dan action. Pada kegiatan praktikum kali ini hal yang di lakukan adalah
menambahkan background, menambahkan behavior (perilaku) object dan
menambahkan event agar game lebih menarik.

Saran

Diharapkan agar Kebebasan dalam mengembangkan inpirasi di saat

praktikum jangan di kasih waktu yang sedikit.

F. DAFTAR PUSTAKA

[1] https://en.wikipedia.org/wiki/Construct_(game_engine)

[2] https://gamedalamcoretan.blogspot.co.id/2014/07/game-engine.html

[3] Pengertian dan Fitur-fitur Construct 2. Diakses 16 Maret 2018, dari

http://facebuka.com/pengertian-dan-fitur-fitur-construct-2

[4] Rizki Savero.[2013]. Pengertian, Sejarah, Jenis-jenis Tentang Game.

Diakses 16 Maret 2018, dari https://game-
savero.blogspot.co.id/2013/05/pengertiansejarahjenis-jenis-
tentang.html=1