Beginner Construct 2 Beginner 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
2. Aturlah Project Properties Document yang terletak pada panel pinggir
Beginner Construct 2 Beginner Construct 2
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 Beginner Construct 2
6 6. Pada panel layer, kita membuat sebuah layer baru. Dengan nama yang dan tempat yang berbeda. Yang pertama
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.
Beginner Construct 2 Beginner 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.
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 Beginner 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.
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 Beginner Construct 2
12 14. Pada tahap ini cobalah untuk membuat track dengan object-object kalian sesuai kreasi kalian.
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.
Beginner Construct 2 Beginner Construct 2
14 17. Kemudian selanjutnya kita buat objek pijakan ke atas. Kita gunakan berhaviornya dengan jumpthru. Fungsi ini
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.
Beginner Construct 2 Beginner 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.
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 Beginner 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
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 Beginner Construct 2
20 24. Masukkan event baru untuk coin. Kita tambahakan icon baru. Kita pilih enemy atau player yang ktia buat
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 Beginner Construct 2
22 27. Pada action di player, kita tambahkan action baru lagi yaitu dengan menambahkan “Set Text” pada text. Dan
28. Coba kita mainkan dan lihat apa yang terjadi.
Beginner Construct 2 Beginner 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.
32. Tidak lupa kita juga menambahkan action set text dengan point. Kemudian text nya kita tulis dengan “Text.point”.
Beginner Construct 2 Beginner Construct 2
Beginner Construct 2 Beginner 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.
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.
Beginner Construct 2 Beginner Construct 2
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 Beginner Construct 2
32 39. Kemudian kita menambhakn action destroy. Sehingag ketika plyer bertabrkana dengn object maka enemy akan
40. Kita masukkan perintah event keyboard. Kita pilih dengan On Pressed. Dengan value tekan tombol R.
Beginner Construct 2 Beginner 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.
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 Beginner Construct 2
36 45. Kita menambahkan 1 object enemi lagi. Kita berikan behavior berupa platform.
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.
Beginner Construct 2 Beginner Construct 2
38 48. Kita bisa memberikan fungsi skor pada setiap event enemy ini seperti fungsi ketika kita memberikan fungsi score
pada koin.
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.
Beginner Construct 2 Beginner Construct 2
40 51. Pda system else ini kita tambahkan Action yaitu action flash. Dengan kita masukkan value sepersekian detik.
Beginner Construct 2 Beginner Construct 2
42 52. Voba untuk membuat object enemi yang lain lagi dengan rintangan rintangan yang sudah tersedi apada assets.
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.
Beginner Construct 2 Beginner Construct 2
44 55. Kita tambahkan untuk event bullet. Kita tambah event dengan system every 1 second. Kemudian kita berikan
56. Kemudian ita berika posisi origin pada bagian enemy yang mengeluarkan bullet. Kita set originnya sesuai dengan yang ktia mau.
Beginner Construct 2 Beginner 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.
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.
Beginner Construct 2 Beginner 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.
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 Beginner 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.
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 Beginner 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.
Beginner Construct 2 Beginner Construct 2
54 71. Kita buat Keyboard yang tekan yang ke arah kanan kiri bisa kita buat dengan tambahan action se mirrored dan
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.
Beginner Construct 2 Beginner Construct 2
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 Beginner 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.
76. Kemudian kita pilih Windows 8.
Beginner Construct 2 Beginner 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.