Beginner Construct 2 1
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
Beginner Construct 2 2
2. Aturlah Project Properties Document yang terletak pada panel pinggir
3. Langkah awal, yang pertama buat objek terlebih dahulu dengan menggunakan sprite.
Beginner Construct 2 3
Beginner Construct 2 4
4. Masukkan Asset yang sudah disediakan di folder “Asset”. Kemudian masuk folder Project lalu masuk folder enemies kemudian 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 background pada 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.
Beginner Construct 2 5
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.
Beginner Construct 2 6
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 backg round bisa di repeat.
Beginner Construct 2 7
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.
Beginner Construct 2 8
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 ground object yang ingin digunakan.
Beginner Construct 2 9
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, ki ta 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.
Beginner Construct 2 10
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.
Beginner Construct 2 11
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
Beginner Construct 2 12
15. Jika sudah coba jalankan. Kita akan melihat bahwa screen sudah terisi penuh. Dan coba jal ankan player kita hingga melewati garis.
Ketika kita sudah membuat ground yang mel ewati batas, maka ketika kita memai nkannya screen yang ada tidak akan mengikuti player berjalan.
16. Untuk membuat screennya ikut berjalan. Kita tambahkan behavior pada player nya dengan behacior Scroll To.
Beginner Construct 2 13
17. Kemudian selanjutnya kita buat objek pijakan ke atas. Kita gunakan berhaviornya dengan jumpthru. Fungsi ini sebagai fungsi ketika kita ingin jump dari bawah.
Beginner Construct 2 14
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.
Beginner Construct 2 15
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.
Beginner Construct 2 16
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.
Beginner Construct 2 17
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 mengg unakan fungsi parallax yang berada pada panel properties.
Beginner Construct 2 18
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.
Beginner Construct 2 19
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.
Beginner Construct 2 20
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 menjadi “Player”.
Beginner Construct 2 21
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.
Beginner Construct 2 22
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.
Beginner Construct 2 23
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.
Beginner Construct 2 24
32. Tidak lupa kita juga menambahkan action set text dengan point. Kemudian text nya kita tulis dengan “Text.point”.
Beginner Construct 2 25
Beginner Construct 2 26
33. Coba jalankan dan perhatikan score yang terjadi jika kita arahkan pada coin.
Beginner Construct 2 27
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.
Beginner Construct 2 28
35. Pada panel kiri project properties. Pada objectnya kita atur pengaturannya.
36. Pada event sheet, kita masukkan Player on coll ison dengan enemy. Kita masukkan action set size position nya pada Set Y dengan nilai -500.
Beginner Construct 2 29
Beginner Construct 2 30
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.
Beginner Construct 2 31
39. Kemudian kita menambhakn action destroy. Sehingag ketika plyer bertabrkana dengn object maka enemy akan destroy atau hilang.
Beginner Construct 2 32
40. Kita masukkan perintah event keyboard. Kita pi lih dengan On Pressed. Dengan value tekan tombol R.
41. Fitur ini merupakan fitur restart dengan menekan tombol R.
Beginner Construct 2 33
42. Selanjutnya kita bisa menambahkan sprite musuh yang lai n.
43. Kita ambil object spritenya pada folder enemi es. Jangan lupa ktia memberikan efek shine yang bisa bergerak Horizontal dan vertical. Kita juga bisa mengatur pengaturannya pada panel project properties di kiri screen.
Beginner Construct 2 34
44. Kita bbisa menggunakan event dan action yang sama pada event sebelumnya. Kita bisa menduplikatenya dengan cara blok dan kemudian copy lalu paste.
Beginner Construct 2 35
45. Kita menambahkan 1 object enemi lagi. Kita berikan behavior berupa platform.
Beginner Construct 2 36
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.
Beginner Construct 2 37
48. Kita bisa memberikan fungsi skor pada setiap event enemy ini seperti fungsi ketika kita memberikan fungsi score pada koin.
Beginner Construct 2 38
V. ENEMY GAMEPLAY Tahap ini kita akan membuat Player lebih bereaksi dengan enemy. Fungsi ini akan memberikan sebuah dampak yang terkena enemi pada player. player. Ini akan memberikan fungsi fungsi yang lebih interaktif pada gamenya. gamenya.
49. Pada player kita berikan behavior yang ain lagi yaitu behavior flash.
50. Masuk event sheet. Pada bagian Player colli son dengan enemy kita buat sub event. Pada sub event ini pada event yang terakhir kita berikan System else.
Beginner Construct 2 39
51. Pda system else ini kita tambahkan Action A ction yaitu action flash. Dengan kita masukkan value sepersekian detik. Dan kemudian coba jalankan.
Beginner Construct 2 40
Beginner Construct 2 41
52. Voba untuk membuat object enemi yang lai n lagi dengan rintangan rintangan yang sudah tersedi apada assets.
Beginner Construct 2 42
53. Jangan lupa untuk menambahkan event flash pada collison seperti langkah sebelumnya.
54. Kita juga bisa menambahkan peluru atau tembakan pa da enemy musuh kita. Kita tambahkan object baru dengan object peluru yaitu bullet. Kita berikan behaviornya berupa bullet. Jangan lupa ki ta bisa memberikan pengaturan pada object di panel properties.
Beginner Construct 2 43
55. Kita tambahkan untuk event bullet. Kita tambah event dengan system every 1 second. Kemudian ki ta berikan actio Enemy tadi, dengan spawn another objet. Lalu pilih bullet.
Beginner Construct 2 44
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.
Beginner Construct 2 45
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.
Beginner Construct 2 46
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 r ingan.
Beginner Construct 2 47
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.
Beginner Construct 2 48
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.
Beginner Construct 2 49
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.
Beginner Construct 2 50
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
Beginner Construct 2 51
baru.
69. Jangan lupa kita menempatkan origin id pada posisi yang tepat. Sehingga akan kliatan bahwa player kita akan benar benar berpijak.
Beginner Construct 2 52
70. Set player yang awal tadi dengan opacity 0. Sehingga pada saat mulai permainan dari awal tidak a kan terlihat.
Beginner Construct 2 53
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.
Beginner Construct 2 54
72. Kita bisa mengatur animasiny aketika sedang berjalan dan ketika diam. Jadi ki ta 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.
Beginner Construct 2 55
Beginner Construct 2 56
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.
Beginner Construct 2 57
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.
Beginner Construct 2 58
76. Kemudian kita pilih Windows 8.
77. Kemudian pastikan kita exportnya berada pada tempat yang sudah ki ta tentukan.
Beginner Construct 2 59
78. Kemudian buka project solutionnya
79. Setalah dibuka jangan lupa untuk edit app manifestnya terlebih dahulu pada bagian publishernya jika m asih 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.
Beginner Construct 2 60