beginner windows 8 game development
TRANSCRIPT
-
7/25/2019 Beginner Windows 8 Game Development
1/61
Beginner Construct 2Beginner Construct 2
1
-
7/25/2019 Beginner Windows 8 Game Development
2/61
Beginner Construct 2Beginner Construct 2
2
I. INTRODUCTION
Ada beberapa sub bab yang akan kita pelajari di Construct 2 ini dalam mengembangkan game berbasis
Windows 8. Yang akan kita lakukan step per setep. Dan perlu diingat, modul ini hanya sebagai bahan ajar tentang dasar
dasar dalam menggunakan construct. Jadi silahkan kalian untuk mengeksplor dan mengembangkan kreativitas game yang
ada pada modul pembelajaran ini. Jangan terlalu berpatok dalam modul.
Yuk kita mulai developnya. :D
1. Buka Construct 2
-
7/25/2019 Beginner Windows 8 Game Development
3/61
Beginner Construct 2Beginner Construct 2
3
2. Aturlah Project Properties Document yang terletak pada panel pinggir
3. Langkah awal, yang pertama buat objek terlebih dahulu dengan menggunakan sprite.
-
7/25/2019 Beginner Windows 8 Game Development
4/61
Beginner Construct 2Beginner Construct 2
4
-
7/25/2019 Beginner Windows 8 Game Development
5/61
Beginner Construct 2Beginner Construct 2
5
4. Masukkan Asset yang sudah disediakan di folder Asset. Kemudian masuk folderProject lalu masuk folder
enemieskemudian pilih blockersad.png. Di tahap ini kita memasukkan player kita sementara.
5. Setelah kita memasukkan sprite untuk player. Selanjutnya memasukkan ground untuk pijakan dan background.
Dengan menggunakan tiled backgroundpada insert objek. Silahkan pilih background yang ingin kita pakai.
Masuk pada folder tiles. Pilih grassHalfMid.png. Atau jika ingin asset yang lain silahkan pakai file yang lain.
-
7/25/2019 Beginner Windows 8 Game Development
6/61
Beginner Construct 2Beginner Construct 2
6
6. Pada panel layer, kita membuat sebuah layer baru. Dengan nama yang dan tempat yang berbeda. Yang pertama
adalah layer object dan yang kedua adalah layer background. Lihat panel kanan.
-
7/25/2019 Beginner Windows 8 Game Development
7/61
Beginner Construct 2Beginner Construct 2
7
7. Setelah itu masuk pada layer background. Pada layer bakcground, kita akan membuat sebuah background.
Dengan menggunakan insert new objeck, lalu pilih Tiled Background.
8.
Masukkan file background yang berada pada folder project pilih bg_castle.png. Maka bakcground sudah
masuk, kita bisa mrubah ukurannya sesuai yang kita mau. Karena berbentuuk tiled, jadi gambar background bisa
di repeat.
-
7/25/2019 Beginner Windows 8 Game Development
8/61
Beginner Construct 2Beginner Construct 2
8
9. Untuk tahapan selanjutnya. Proses membuat ground juga menggunakan tiled background. Dengan fungsi ini kita
juga aka bsia membuat ground secara cepat dengan teknik repeat. Tidak lupa kita juga bisa memposisikan object
kita berada di belakang atau didepan object yang lain dengan fungsi z order. Caranya dengan klik kanan pada
object yang ingin kita gunakan.
-
7/25/2019 Beginner Windows 8 Game Development
9/61
Beginner Construct 2Beginner Construct 2
9
10.Kemudian ground yang ada diberikan beberapa macam sifat atau biasa yang disebut dengan berhavior.
Semacam sifat dasar dari object tersebut. Berhavior terletak pada kiri panel properties. Klik groundobject yang
ingin digunakan.
-
7/25/2019 Beginner Windows 8 Game Development
10/61
Beginner Construct 2Beginner Construct 2
10
Pilih berhavior solid. Dimana behavior ini mempunyai fungsi sebagai object padat yang tidak bisa ditembus oleh
object lain.
11.Kemudian selanjutnya kita akan menggunakan behavior pada player. Untuk player, kita menggunakan behavior
Platform.
12.
Selanjutnya kita menambahkan object yang lain, caranya sama seperti sebelumnya ketika kita menambahkan
ground. Dengan ground ini kita menggunakan Tiled Background. Dan tidak lupa dengan behavior solid.
-
7/25/2019 Beginner Windows 8 Game Development
11/61
Beginner Construct 2Beginner Construct 2
11
13.Karena backgroundnya kurang tepat, jadi kita ganti dengan background lain. Caranay dengan memilih objec
yang ada pada panel project. Atau kita bisa menekannya 2 kali pada objectnya.
-
7/25/2019 Beginner Windows 8 Game Development
12/61
Beginner Construct 2Beginner Construct 2
12
14.
Pada tahap ini cobalah untuk membuat track dengan object-object kalian sesuai kreasi kalian.
Cobalah membuat ground yang lebih panjang hingga melewati garis pembatas dari screen
-
7/25/2019 Beginner Windows 8 Game Development
13/61
Beginner Construct 2Beginner Construct 2
13
15.
Jika sudah coba jalankan. Kita akan melihat bahwa screen sudah terisi penuh. Dan coba jalankan player kita
hingga melewati garis.
Ketika kita sudah membuat ground yang melewati batas, maka ketika kita memainkannya screen yang ada tidak
akan mengikuti player berjalan.
16.
Untuk membuat screennya ikut berjalan. Kita tambahkan behavior pada player nya dengan behacior Scroll To.
-
7/25/2019 Beginner Windows 8 Game Development
14/61
Beginner Construct 2Beginner Construct 2
14
17.Kemudian selanjutnya kita buat objek pijakan ke atas. Kita gunakan berhaviornya dengan jumpthru. Fungsi ini
sebagai fungsi ketika kita ingin jump dari bawah.
-
7/25/2019 Beginner Windows 8 Game Development
15/61
Beginner Construct 2Beginner Construct 2
15
II. WORKING WITH EVENT SHEET
Event sheet merupakan lembar kerja yang ada pada Construct 2. Dengan event sheet kita bisa membuat
sebuah fungsi-fungsi yang bisa kita gunakan untuk membangun game yang lebih interaktif. Dengan event sheet ini kita
menggunakan beberapa macam fitur dan fungsi yang bisa membuat game kita lebih kelihatan real. Pada event sheet ini
kita dituntut skreatif mungkin untuk membangun sebuah game yang bagus. Kita disini aakan lebih banyak bermain logika.
18.
Silahkan masuk pada bagian event sheet. Yang terletak pada kanan panel.
-
7/25/2019 Beginner Windows 8 Game Development
16/61
Beginner Construct 2Beginner Construct 2
16
19.Selanjutnya kita buat perintah baru pada event sheet, kita masukkan object enemy. Yaitu object player kita
tadi. Kita pilih outside layout.
20.
Kmudian pada buan action kita masukkan set position.
-
7/25/2019 Beginner Windows 8 Game Development
17/61
Beginner Construct 2Beginner Construct 2
17
Set position yang kita msukkan adalah (217. 218) seusuai posisi playe rkita di awal main. Bisa dilihat di bagian kiri
panel properties. Kemudian coba jalankan dan perhatikan pada saat player kita jatuh atau melewati gari screen.
-
7/25/2019 Beginner Windows 8 Game Development
18/61
Beginner Construct 2Beginner Construct 2
18
III. BUILDING THE SCORE & GAMEPLAY
Score meru[aan syrat mutlak pada pembuatan game. Tanpa score seolah olah kita tidak mengetahui sejauh
mana kemampuan kita. Pada tahap ini kita akan membuat sebuah score yang simple dan sederhana. Pada tahap ini kita
bisa mengembangkannya sesuai kreativitas untuk kedepannya.
21.Untuk langkah awal, kita masuk pada panel layer. Kita buat layer baru yang berjdul Text. Dalam layer tesebut
kita membuat sebuah object text dan kita masukkan pada kiri screen. Lalu coba kita mainkan.
22.Untuk mebuat score tetap mengikuti screen, kita bisa menggunakan fungsi parallax yang berada pada panel
properties.
-
7/25/2019 Beginner Windows 8 Game Development
19/61
Beginner Construct 2Beginner Construct 2
19
23.
Selanjutnya kita membuat coin. Masukkan object coin yang ada pada folder items. Coin disini kita gunakan
obejct bentuk sprite. Jangan lupa untuk merename nama nya pada panel project.
-
7/25/2019 Beginner Windows 8 Game Development
20/61
Beginner Construct 2Beginner Construct 2
20
24.
Masukkan event baru untuk coin. Kita tambahakan icon baru. Kita pilih enemy atau player yang ktia buat
perama tadi, kemudian pilih On collison with another object.
-
7/25/2019 Beginner Windows 8 Game Development
21/61
Beginner Construct 2Beginner Construct 2
21
25.Kemudian kita masukkan action baru, kita pilih coin untuk ditambahkan action nya. Kemudian kita pilih Destroy.
26.Untuk menanggulangi kebingungan dalam membuat event. Kita gunakan penamaanyang tepat pada setiap
object. Kita rubah nama enemy sebagai playe rtadi menjadiPlayer.
-
7/25/2019 Beginner Windows 8 Game Development
22/61
Beginner Construct 2Beginner Construct 2
22
27.Pada action di player, kita tambahkan action baru lagi yaitu dengan menambahkan Set Text pada text. Dan
kita masukkan nilai 100 atau terserah kita mau masukkan berapa nilainya.
-
7/25/2019 Beginner Windows 8 Game Development
23/61
Beginner Construct 2Beginner Construct 2
23
28.Coba kita mainkan dan lihat apa yang terjadi.
29. Masuk layer text dan kita pilih object text. Kita beri anam pint untuk variablenya dan dengan type number.
-
7/25/2019 Beginner Windows 8 Game Development
24/61
Beginner Construct 2Beginner Construct 2
24
30.Selanjutnya kita hapus action selanjutnya yang berupa set text.
31.
Masukkan action baru. Kita pilih Instance variable dengan Add to. Kemudian kita masukkan variable Point yang
telah kita buat tadi dengan value 100 atau terserah dengan skor yang ingin kita masukkan.
-
7/25/2019 Beginner Windows 8 Game Development
25/61
Beginner Construct 2Beginner Construct 2
25
32.
Tidak lupa kita juga menambahkan action set text dengan point. Kemudian text nya kita tulis dengan
Text.point.
-
7/25/2019 Beginner Windows 8 Game Development
26/61
Beginner Construct 2Beginner Construct 2
26
-
7/25/2019 Beginner Windows 8 Game Development
27/61
Beginner Construct 2Beginner Construct 2
27
33.Coba jalankan dan perhatikan score yang terjadi jika kita arahkan pada coin.
-
7/25/2019 Beginner Windows 8 Game Development
28/61
Beginner Construct 2Beginner Construct 2
28
IV. ENEMY
Tahap ini kita akan membuat Enemy atau musuh sebagai rintangan. Enemy ini kita buat berdasarkan konsep
seperti apa yang ingin kita buat rintangannya. Dengan enemy ini maka game kita akan lebih seru. Dengan rintangan yang
diberikan berbeda beda membuat game yang kita buat bisa dibedakan berdasarkan level enemynya.
34.Masukkan object sprite baru. Kita ambil pada folder enemies. Lalu kita pilih snailshell.png. Tidak lupa kita juga
memberikan efek shine pada sprite tersebut. Shine berfungsi sebagai penggeraka otomatis pada object.
-
7/25/2019 Beginner Windows 8 Game Development
29/61
Beginner Construct 2Beginner Construct 2
29
35.Pada panel kiri project properties. Pada objectnya kita atur pengaturannya.
36.Pada event sheet, kita masukkan Player on collison dengan enemy. Kita masukkan action set size position nya
pada Set Y dengan nilai -500.
-
7/25/2019 Beginner Windows 8 Game Development
30/61
Beginner Construct 2Beginner Construct 2
30
-
7/25/2019 Beginner Windows 8 Game Development
31/61
Beginner Construct 2Beginner Construct 2
31
37.Lihat dan perhatikan apa ayang terjadi ketika di play.
38.
Selanjutnya kita tamvbahkan event baru lagi. Pada playe rkita posisikan berada di belakangnya. Dengan menambkan
event Compare Y. Kmudian kita masukkan Comparison < less than. Dengan coordinate Enemy.Y.
-
7/25/2019 Beginner Windows 8 Game Development
32/61
Beginner Construct 2Beginner Construct 2
32
39.Kemudian kita menambhakn action destroy. Sehingag ketika plyer bertabrkana dengn object maka enemy akan
destroy atau hilang.
-
7/25/2019 Beginner Windows 8 Game Development
33/61
Beginner Construct 2Beginner Construct 2
33
40.Kita masukkan perintah event keyboard. Kita pilih dengan On Pressed. Dengan value tekan tombol R.
41.Fitur ini merupakan fitur restart dengan menekan tombol R.
-
7/25/2019 Beginner Windows 8 Game Development
34/61
Beginner Construct 2Beginner Construct 2
34
42.Selanjutnya kita bisa menambahkan sprite musuh yang lain.
43.
Kita ambil object spritenya pada folder enemies. Jangan lupa ktia memberikan efek shine yang bisa bergerak
Horizontal dan vertical. Kita juga bisa mengatur pengaturannya pada panel project properties di kiri screen.
-
7/25/2019 Beginner Windows 8 Game Development
35/61
Beginner Construct 2Beginner Construct 2
35
44.Kita bbisa menggunakan event dan action yang sama pada event sebelumnya. Kita bisa menduplikatenya
dengan cara blok dan kemudian copy lalu paste.
-
7/25/2019 Beginner Windows 8 Game Development
36/61
Beginner Construct 2Beginner Construct 2
36
45.Kita menambahkan 1 object enemi lagi. Kita berikan behavior berupa platform.
-
7/25/2019 Beginner Windows 8 Game Development
37/61
Beginner Construct 2Beginner Construct 2
37
46.Pada bagian event, kita berikan event system setiap 1 detik. Pada object enemi tadi kita brisak simulate pressing
jump. Jadi Object tersebut akan terus bergerak setiap 1 detik.
47.Kita juga bisa menambahkan fungsi enemy sebeumnya kee enmy yang terakhir ini dengan fungsi copy paste.
-
7/25/2019 Beginner Windows 8 Game Development
38/61
Beginner Construct 2Beginner Construct 2
38
48.Kita bisa memberikan fungsi skor pada setiap event enemy ini seperti fungsi ketika kita memberikan fungsi score
pada koin.
-
7/25/2019 Beginner Windows 8 Game Development
39/61
Beginner Construct 2Beginner Construct 2
39
V. ENEMY GAMEPLAY
Tahap ini kita akan membuat Player lebih bereaksi dengan enemy. Fungsi ini akan memberikan sebuah dampak
yang terkena enemi pada player. Ini akan memberikan fungsi yang lebih interaktif pada gamenya.
49.Pada player kita berikan behavior yang ain lagi yaitu behavior flash.
50.Masuk event sheet. Pada bagian Player collison dengan enemy kita buat sub event. Pada sub event ini pada
event yang terakhir kita berikan System else.
-
7/25/2019 Beginner Windows 8 Game Development
40/61
-
7/25/2019 Beginner Windows 8 Game Development
41/61
Beginner Construct 2Beginner Construct 2
41
-
7/25/2019 Beginner Windows 8 Game Development
42/61
Beginner Construct 2Beginner Construct 2
42
52.Voba untuk membuat object enemi yang lain lagi dengan rintangan rintangan yang sudah tersedi apada assets.
-
7/25/2019 Beginner Windows 8 Game Development
43/61
Beginner Construct 2Beginner Construct 2
43
53.Jangan lupa untuk menambahkan event flash pada collison seperti langkah sebelumnya.
54.
Kita juga bisa menambahkan peluru atau tembakan pada enemy musuh kita. Kita tambahkan object baru
dengan object peluru yaitu bullet. Kita berikan behaviornya berupa bullet. Jangan lupa kita bisa memberikan
pengaturan pada object di panel properties.
-
7/25/2019 Beginner Windows 8 Game Development
44/61
Beginner Construct 2Beginner Construct 2
44
55.Kita tambahkan untuk event bullet. Kita tambah event dengan system every 1 second. Kemudian kita berikan
actio Enemy tadi, dengan spawn another objet. Lalu pilih bullet.
-
7/25/2019 Beginner Windows 8 Game Development
45/61
Beginner Construct 2Beginner Construct 2
45
56.Kemudian ita berika posisi origin pada bagian enemy yang mengeluarkan bullet. Kita set originnya sesuai dengan
yang ktia mau.
57.Pada bullet, kita juag memberikan posisi origin, kita bisa menggunakan animasi pada bullet.
-
7/25/2019 Beginner Windows 8 Game Development
46/61
Beginner Construct 2Beginner Construct 2
46
58.Kita tambahkan action baru lagi kita berikan set angle ya dengan player x dan player y. Ini berfungsi agar peluru
yang muncul mengikuti player kita.
59.Action bullet ini juga perlu ditambahkan pada player collison. Sehingga ketika enemynya dibunuh pelurunya
juga ikut ilang.
-
7/25/2019 Beginner Windows 8 Game Development
47/61
Beginner Construct 2Beginner Construct 2
47
60.Dengan bullet ini kita juga bisa menambahkan flash sehingga ketika terkena bullet akan berkelip player kita.
61.
Kita buat event lagi dan kita jadikan system bulet tadi di sub event baru ini. Event baru ini adalah event Enemy
menjadi on screen. Fungsinya agar enemy kita ini nge loadnya ketika muncul di screen tidak sejak awal ke load.
Sehingga akan membuat game berjalan lebih ringan.
-
7/25/2019 Beginner Windows 8 Game Development
48/61
Beginner Construct 2Beginner Construct 2
48
62.Selanjutnya kita bisa menambahkan gameplay pada pijaknnya. Misalnya kali ini kita akan meberikan pijakan
pada ground yang melayang.
63.
Pada object melaayang tersebut kita bisa masukkan event baru dengan action system wait. Kemudian kita
masukkan destroynya.
-
7/25/2019 Beginner Windows 8 Game Development
49/61
Beginner Construct 2Beginner Construct 2
49
VI. LIFE HUD
Fitur ini akan memberikan nyawa pada player kita. Sehingga ketika player kita mati tidak akan dengan mudahnya
langsung game over. Fiture seperti ini selalu ada dalam setiap permainan. Sehingga para player yang memainkannya tidak
cukup bosan dengan permainan. Pada dasarnya fitur ini kita buat dengan dasar mengurangi panjang image HUD yang kita
pasang.
64.
Langkah awal kita masukkan object baru pada layer text. Layer yang berada di posisi paling depan. Kita
masukkan object pada folder asset di folder HUD.
-
7/25/2019 Beginner Windows 8 Game Development
50/61
Beginner Construct 2Beginner Construct 2
50
65.Kita berikan beberapa fungsi pada event dan action seperti di contoh. Kita akan menambahkan action baru yaitu
dengan Set Width untuk mengatur nyawa kita biar bisa berkurang.
66.Kita juga akan menambahkan set paltform pada object ketika HUD atau nyawanya berkurang hingga habis.
-
7/25/2019 Beginner Windows 8 Game Development
51/61
Beginner Construct 2Beginner Construct 2
51
VII. CHARACTER ANIMATION
Pada Tahap ini kita akan membuat character kita lebih interaktif. Kita bisa membuat karakter kita berjalan dengan
kaki kanan dan kiri. Kita bisa menggunakan beberapa event yang membuat karakter kita bisa menengok kekanan dan
kekiri. Fitur animasi seperti ini akan membuat game kita lebih terlihat hidup. Yang perlu dipersiapkan pada tahap ini adalh
event character sprite yang mendukung gambar karakter berjalan, lari, dan lain lain.
67.
Kita masukkan character baru dengan sprite object. Kita masukkan character animation. Kita bisa ambil
spritesheet pada folder Player.
68.Kita tambakan event baru lagi. Yaitu system dengan every tick. Kita bisa menambahkan avatra tersebut dengan
set position pada player. Sehingga gambar player sebelumnya akn otomatis ditempati oleh avatar kita yang
-
7/25/2019 Beginner Windows 8 Game Development
52/61
Beginner Construct 2Beginner Construct 2
52
baru.
69.Jangan lupa kita menempatkan origin id pada posisi yang tepat. Sehingga akan kliatan bahwa player kita akan
benar benar berpijak.
-
7/25/2019 Beginner Windows 8 Game Development
53/61
Beginner Construct 2Beginner Construct 2
53
70.Set player yang awal tadi dengan opacity 0. Sehingga pada saat mulai permainan dari awal tidak akan terlihat.
-
7/25/2019 Beginner Windows 8 Game Development
54/61
Beginner Construct 2Beginner Construct 2
54
71.Kita buat Keyboard yang tekan yang ke arah kanan kiri bisa kita buat dengan tambahan action se mirrored dan
set not mirrored. Ini akan memberikan character kita bisa ke kiri dan kanan.
-
7/25/2019 Beginner Windows 8 Game Development
55/61
Beginner Construct 2Beginner Construct 2
55
72.Kita bisa mengatur animasiny aketika sedang berjalan dan ketika diam. Jadi kita bisa membuat dia animation
pada sprite.
73.
Pada event sheet. Kita membrikan event pada player dengan platform on landed dan is failing. Kita bisa
memberikan set animation yang sudah ktia setting sebelumnya.
-
7/25/2019 Beginner Windows 8 Game Development
56/61
Beginner Construct 2Beginner Construct 2
56
-
7/25/2019 Beginner Windows 8 Game Development
57/61
Beginner Construct 2Beginner Construct 2
57
VIII. IMPROVE YOUR GAME
Selanjutnya kembangkan permainan yang telah dibuat tadi. Improvisasi untuk membuat sebuah permainan
yang lebih bagus. Setidaknya dari dasar yang telah kita dapatkan sebelumnya tadi bisa dikembangkan disini.
-
7/25/2019 Beginner Windows 8 Game Development
58/61
Beginner Construct 2Beginner Construct 2
58
IX. PUBLISH WINDOWS 8
Ini adalah bagian terakhir dari serangkaian modul kita. Disini kita akan mencoba untuk mempublish game yang
kita buat tadi ke Windows 8. Pastinya karena kita publish ke App Metro, software yang kita gunakan adalah Microsoft
Visual Studio 2012.
74.Sebelum di export, lengkapi dulu data kita pada project properties.
75. Masuk menu File, kemudia pilih Export Project.
-
7/25/2019 Beginner Windows 8 Game Development
59/61
Beginner Construct 2Beginner Construct 2
59
76.Kemudian kita pilih Windows 8.
77.Kemudian pastikan kita exportnya berada pada tempat yang sudah kita tentukan.
-
7/25/2019 Beginner Windows 8 Game Development
60/61
Beginner Construct 2Beginner Construct 2
60
78.Kemudian buka project solutionnya
79.Setalah dibuka jangan lupa untuk edit app manifestnya terlebih dahulu pada bagian publishernya jika masih
kosong.
80.Silahkan lakukan perubahan nama dan gambar yang laiinnya sesuai dengan game yang kita buat.
81.
Ketika sudah bisa di play, maka Game ini sudah publish di bagian start Windows 8.
-
7/25/2019 Beginner Windows 8 Game Development
61/61