I. INTRODUCTION. Ada beberapa sub bab yang akan kita pelajari di Construct 2 ini dalam mengembangkan game berbasis

Transkripsi

1 1

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 2

3 2. Aturlah Project Properties Document yang terletak pada panel pinggir 3. Langkah awal, yang pertama buat objek terlebih dahulu dengan menggunakan sprite. 3

4 4

5 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. 5

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. 6

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

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. 8

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 ground object yang ingin digunakan. 9

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. 10

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. 11

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 12

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. 13

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. 14

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. 15

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. 16

17 Set position yang kita msukkan adalah ( ) 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. 17

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. 18

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. 19

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. 20

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 menjadi Player. 21

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. 22

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. 23

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. 24

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

26 26

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

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. 28

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

30 30

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. 31

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

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. 33

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. 34

35 44. Kita bbisa menggunakan event dan action yang sama pada event sebelumnya. Kita bisa menduplikatenya dengan cara blok dan kemudian copy lalu paste. 35

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

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. 37

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

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. 39

40 51. Pda system else ini kita tambahkan Action yaitu action flash. Dengan kita masukkan value sepersekian detik. Dan kemudian coba jalankan. 40

41 41

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

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. 43

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. 44

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. 45

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. 46

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. 47

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. 48

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. 49

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. 50

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 51

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

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

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. 54

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. 55

56 56

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. 57

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 Sebelum di export, lengkapi dulu data kita pada project properties. 75. Masuk menu File, kemudia pilih Export Project. 58

59 76. Kemudian kita pilih Windows Kemudian pastikan kita exportnya berada pada tempat yang sudah kita tentukan. 59

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. 60

61 61