Beginner Windows 8 Game Development

7/25/2019 Beginner Windows 8 Game Development

1/61

Beginner Construct 2Beginner Construct 2

1


2/61


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


3/61


3

2. Aturlah Project Properties Document yang terletak pada panel pinggir

3. Langkah awal, yang pertama buat objek terlebih dahulu dengan menggunakan sprite.


4/61


4


5/61


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.


6/61


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/61


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.


8/61


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.


9/61


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.


10/61


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.


11/61


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.


12/61


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


13/61


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.


14/61


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.


15/61


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.


16/61


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.


17/61


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.


18/61


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.


19/61


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.


20/61


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.


21/61


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.


22/61


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.


23/61


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.


24/61


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.


25/61


25

32.

Tidak lupa kita juga menambahkan action set text dengan point. Kemudian text nya kita tulis dengan

Text.point.


26/61


26


27/61


27

33.Coba jalankan dan perhatikan score yang terjadi jika kita arahkan pada coin.


28/61


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.


29/61


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.


30/61


30


31/61


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.


32/61


32

39.Kemudian kita menambhakn action destroy. Sehingag ketika plyer bertabrkana dengn object maka enemy akan

destroy atau hilang.


33/61


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.


34/61


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.


35/61


35

44.Kita bbisa menggunakan event dan action yang sama pada event sebelumnya. Kita bisa menduplikatenya

dengan cara blok dan kemudian copy lalu paste.


36/61


36

45.Kita menambahkan 1 object enemi lagi. Kita berikan behavior berupa platform.


37/61


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.


38/61


38

48.Kita bisa memberikan fungsi skor pada setiap event enemy ini seperti fungsi ketika kita memberikan fungsi score

pada koin.


39/61


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.


40/61


41/61


41


42/61


42

52.Voba untuk membuat object enemi yang lain lagi dengan rintangan rintangan yang sudah tersedi apada assets.


43/61


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.


44/61


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.


45/61


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.


46/61


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.


47/61


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.


48/61


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.


49/61


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.


50/61


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.


51/61


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


52/61


52

baru.

69.Jangan lupa kita menempatkan origin id pada posisi yang tepat. Sehingga akan kliatan bahwa player kita akan

benar benar berpijak.


53/61


53

70.Set player yang awal tadi dengan opacity 0. Sehingga pada saat mulai permainan dari awal tidak akan terlihat.


54/61


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.


55/61


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.


56/61


56


57/61


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.


58/61


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.


59/61


59

76.Kemudian kita pilih Windows 8.

77.Kemudian pastikan kita exportnya berada pada tempat yang sudah kita tentukan.


60/61


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.


61/61

Beginner Windows 8 Game Development

Documents

Transcript of Beginner Windows 8 Game Development