1.

PRAKTIKUM GAME DENGAN STENCYL 1

Kompetensi : mahasiswa dapat mengenali dan menggunakan software game untuk

membuat game menggunakan stencyl dengan memanfaatkan Crash Course Kit

1.1. Download the Crash Course Kit

Untuk tampilan awal game yang disediakan oleh developer game stencyl hanya
menyediakan tipe game berupa blank game saja, karena itu pada praktikum 1 kita akan
menggunakan tipe crash course maka kita harus mendownload tamplate atau kit crash
course yang tersedia di internet.

Membuat game dengan Crash Course Kit, Anda bisa download di elearning, Matakuliah
Perancangan Game.
1.2. Cara Install Crash Course Kit

1.2.1. Method 1: Drag and Drop

Untuk menginstall the kit, drag file ke software Stencyl, seperti gambar dibawah ini.

1.2.2. Method 2: Use the Menu

Alternative, anda dapat mengimport file crash course kit dari File menu (File > Import
Game¦).
1.3. Create a New Game

1.3.1. Welcome Center

Ketika Anda membuka Stencyl, Anda akan melihat layar yang terlihat seperti ini
Dari halaman Welcome Center. Dari sini, Anda dapat membuat game baru atau
membuka game yang sudah ada.
1.3.2. Creating a New Game
1. Click kotak yang bertuliskan"Click here to create a Game".

2. Click e Crash Course Kit, kemudian click Next button maka akan tampil dialog
seperti gambar dibawah ini.
 Apa itu Kit? Sering kali ketika Anda membuat game di Stencyl, Anda ingin
memulai dengan Kit. Kit adalah template game yang dilengkapi dengan resource
yang dibuat sebelumnya, settings and game logic. Kit yang Anda mulai di sini
memiliki semua resource yang Anda perlukan untuk Crash Course

3. Selanjutnya, Anda akan melihat dialog yang muncul di mana Anda dapat
mengatur ukuran jendela game (dalam piksel) dan beri nama game Anda. Kita
akan menamainya "Crash Course Game", meskipun merasa bebas untuk
menamainya apa pun yang Anda suka

Dengan mengatur dimensi Lebar dan Tinggi di bagian Ukuran Layar, Anda
menentukan ukuran jendela / tampilan yang akan dilihat pemain saat ia
memainkan permainan Anda. Dalam hal ini, mari kita pergi dengan Lebar 640
dan Tinggi 480. Click the Create button.

4. Buka Dashboard, area pusat tempat Anda dapat melihat dan membuka
resources (actors, graphics, sounds, game logic, etc).
1.4. Game Resources
Dari Dasboard, kita dapat membuat sumber daya baru, mengimpor resource eksternal
atau membuka resource yang ada. Di Crash Course, kita telah memasukkan semua
sumber daya yang Anda perlukan untuk memulai.
1.4.1. The Player Actor
Kami akan mulai dengan mencari Actor Type yang akan berfungsi sebagai karakter
yang dapat dimainkan.

Definition: Di Stencyl, apa pun yang dapat bergerak atau berinteraksi dianggap sebagai
Actor. Ini termasuk karakter yang dapat dimainkan, musuh, elemen antarmuka
pengguna, dll. Actor Type adalah template untuk Aktor, sedangkan Aktor biasanya
berarti contoh jenis tertentu. Seringkali, kedua istilah ini dapat digunakan secara
bergantian di komunitas.

1. Pertama, click pada Actor Types entry, yang teletak dibawah RESOURCES dalam
Dashboard’s sidebar.

Note: Anda akan melihat nomer-nomer kecil "2" di sebelah tombol. Angka itu
menunjukkan jumlah total aktor dalam game Anda. Demikian pula, angka-angka
di sebelah resource lain menunjukkan jumlah jenis resource lain yang kita miliki.

2. Sekarang, daftar semua Jenis Aktor di gim Anda akan muncul. Seperti yang
diharapkan, Anda akan melihat dua di sini, satu disebut Noni, yang lainnya
disebut Clown. Noni akan menjadi player-controlled Actor Type.

3. Jika Anda mengklik dua kali pada ikon Noni, Stencyl akan membukanya di dalam
Actor Type Editor.
 Definition: Actor Type Editor adalah salah satu dari beberapa editor sumber
daya di dalam Stencyl. Ini memungkinkan Anda untuk menyesuaikan tampilan,
perilaku, dan sifat fisik aktor.

1.4.2. The Enemy Actor

1. Flip back to the Dashboard by clicking on its tab.

2. Sekarang buka Clown, Jenis Aktor yang akan kita gunakan sebagai musuh kita.

1.4.3. Tileset
Sekarang mari kita lihat Tileset.

Definition: A Tileset adalah kumpulan ubin persegi panjang yang dapat digunakan
untuk membangun level game (dikenal sebagai Scenes in Stencyl).

Click back to the Dashboard Tab, then click on the Tilesets category.
 1. Buka Grass Land Tileset.

2. Maka akan muncul editor di tab baruTileset Editor.

1.4.4. Sounds
Klik Sounds. Klik tombol Suara di Dasbor. Anda akan melihat bahwa dua Suara sudah
ada di sana: Stomp dan Jump.

Jangan ragu untuk membuka salah satunya untuk memeriksa Editor Suara.
1.4.5. Behaviors
Sekarang, mari kita lihat Behaviors kita , khususnya, Actor Behaviors , yang terletak di
Dashboard di bawah LOGIC

Dibawah ini ada 5 Behaviors yang digunakan di Crash Course:

Mari kita intip sekilas salah satu Perilaku ini. Klik dua kali pada Walking untuk
membukanya. Ini akan terbuka di dalam Mode Desain

Design Mode adalah alat yang ampuh yang membuat merancang logika kompleks
cukup mudah.

1.4.6. Saving
Saat Anda mengerjakan game Anda, sebaiknya sering-seringlah menyimpan . Cukup
klik tombol Simpan Game di bilah alat utama untuk melakukannya, atau tekan Ctrl-S.
1.5. Customizing Actors
Kami sudah memiliki beberapa Actor Types dalam permainan kami, tetapi mereka
belum terlalu menarik, karena tanpa Behaviors, Actor Types tidak dapat melakukan
banyak hal
1.5.1. Creating an “Enemies” Group
Sebelum kita beralih ke menyesuaikan aktor kita, mari kita segera
membuat Grup untuk mengkategorikan musuh kita.

Grup digunakan untuk menentukan jenis Jenis Aktor apa yang bertabrakan satu sama
lain. Grup juga dapat memungkinkan Anda untuk memperlakukan kelas yang berbeda
dari Jenis Aktor secara berbeda.

1. Klik pada tombol Settings di toolbar. Maka Game Settings jendela akan muncul. Di
sinilah praktis semua pengaturan seluruh game Anda dikonfigurasi.

2. Beralih ke bagian Grup dengan mengklik tombol yang relevan di sidebar

Pengaturan.
3. Klik tombol hijau Create New sekitar bagian atas jendela.

4. Ketik Enemies di bidang nama dan tekan Create

5. Di bawah Collides With, klik Players dan Tiles . Tombol yang Anda klik akan
berubah menjadi hijau. Ini menunjukkan bahwa Enemies dapat bertabrakan dengan
Players dan Tiles
6. Klik tombol OK di kanan bawah untuk menutup jendela..

1.5.2. Customizing Noni

Untuk menghidupkan karakter utama kita, Noni, dan musuh kita, Clown, mari kita lihat
lebih dalam pada Editor Jenis Aktor dan menambahkan Behavior yang disertakan dalam
Crash Course Kit.

1) Halaman Penampilan Editor Aktor muncul secara default. Lewati ke halaman

Properti dengan mengklik tombolnya di bagian atas editor.

2) Periksa apakah Noni adalah anggota Players Group. Ini akan memastikan bahwa
Stencyl akan menangani tabrakan sesuai keinginan kita.

3) Kunjungi halaman Physics dengan mengklik Physics button di bagian atas editor

4) Di bawah General , aktifkan Can Rotate? menyetel ke "No" . Ini akan memastikan
bahwa aktor kami selalu berorientasi dengan kaki menghadap ke tanah, apa pun
yang terjadi.
5) Kita akan beralih ke bagian Behaviors , di mana inti sebenarnya dari penyesuaian
tersebut terjadi. Lakukan dengan mengklik tombol Behaviors (tepat di sebelah
tombol Appearance). Layar berikut akan muncul:

6) Klik pada tombol Add Behavior di pojok kiri bawah.

7) Saat dialog muncul, klik dua kali Walking Behavior
8) Kita dibawa kembali ke halaman Perilaku Noni. Perhatikan penambahan Walking
Behavior dalam daftar di sebelah kiri, serta semua Atribut yang
dapat dikonfigurasi di panel utama.

Definition: Atribut adalah nilai yang dapat disesuaikan yang membuat Perilaku dapat
digunakan kembali dan mudah dimodifikasi.
9) Mari mulai menyesuaikan Atribut ini . Beberapa Atribut memiliki nilai default yang
dapat kita gunakan, seperti Kecepatan, sedangkan yang lain harus kita atur sendiri.

Pertama, ubah Move Right Key dan Move Left Key ke kanan dan kiri Controls.

10)Kemudian pilih animasi yang diinginkan dengan mengklik Choose an Animation

dan pilih urutan animasi yang Anda inginkan.

11)Mari tambahkan sisanya dan sesuaikan dengan cara yang sama. Untuk
menambahkan lebih banyak Behavior, klik tombol Add Behavior di pojok kiri
bawah editor.
 Tambahkan dan konfigurasikan Behaviors berikut ini:

 Jumping: Membuat modifikasi berikut ke nilai default: Pilih action1 untuk Jump
Key. Tambahkan Jump Sound sehingga Stencyl akan memainkan efek suara saat
Noni melompat. Terakhir, pilih Jump Right dan Jump Left untuk animasi Jump
Right dan Jump Left .

 Stomp on Enemies: Setel Stompable Group ke Enemies (grup yang kita buat di
awal bagian ini) dan Jump Key to action1 .
  Die in Pit and Reload: Tidak ada yang perlu dikonfigurasi di sini. Pastikan Anda
menambahkannya.

Berikut semua Behaviors yang harus Anda tambahkan ke Noni:

1.5.3. Customizing Clown

Clown akan lebih mudah diatur daripada Noni. Beralih ke tabnya (atau buka dari
Dasbor, jika perlu).

1) Klik pada tombol Properties , seperti yang kita lakukan dengan Noni.
2) Silakan dan ubah grup Clown menjadi Enemies.

3) Yang tersisa untuk dilakukan dengan Clown adalah menambahkan satu Behavior.
Klik tombol Behaviors dan tambahkan Stompable Behavior. Sesuaikan Atribut
 berikut

1.6. Creating a Scene

Definition : Scene adalah level game yang diisi dengan ubin dan Aktor yang kami
buat. Anda bahkan dapat melampirkan Behaviors ke Scenes.

1.6.1. Creating a New Scene

1) Dari Dashboard , klik Scenes category, diikuti dengan persegi panjang putus-putus
besar yang bertuliskan, “This game contains no Scenes. Click here to create one
”

2) The Create New Scene dialog akan muncul. Masukkan nama pilihan Anda.
3) Catat bidang Tile Width dan Tile Height. Ini penting untuk konsisten dengan
ukuran ubin dari kumpulan tilesets yang Anda gunakan. Ukuran tilesets set tilesets
kami adalah 32x32, jadi kami akan membiarkan bidang ini tidak berubah.

4) Mari kita minta Stencyl menghasilkan latar belakang langit untuk kita dengan
mengklik dropdown Color dan memilih Vertical Gradient . Pilih dua warna
dengan mengklik di dalam kotak putih dan kemudian mengklik warna yang
diinginkan. Kotak pertama mewakili warna awal di bagian atas layar dan kotak
kedua mewakili warna yang dipindahkan saat mendekati bagian bawah layar.
5) Setelah Anda selesai, dialog akan terlihat seperti gambar di bawah ini. Klik Create
setelah anda selesai.
6) The Scene Designer akan terbuka. Antarmuka mungkin mengingatkan Anda pada
beberapa program seni 2D yang populer, dan cara kerjanya sangat mirip.

1.6.2. Placing Tiles

1) Pertama, pastikan bahwa Pencil Tool dipilih dari bilah alat di sisi kiri kanvas.
2) Klik pada kiri tiles rumput atas di Tiles bagian dari Palette (di sisi kanan layar,
secara default).

3) Tempatkan di sudut kiri bawah Scene dengan left-clicking.

4) Selanjutnya, pilih tile rumput tengah di baris atas Palette.

5) Dengan menekan tombol kiri mouse, klik dan seret untuk mengisi baris paling
bawah, meninggalkan hanya satu titik di sudut.

6) Sekarang pilih petak rumput paling kanan di baris yang sama dari Palette.

7) Tempatkan di tempat kosong yang tersisa dari baris bawah Scene.

Tip: Saat Anda memilih tiles untuk ditempatkan, jika Anda memilih lebih dari satu tiles
di Palet sekaligus, Anda dapat menempatkan grup tiles yang Anda pilih. Lihat gambar di
bawah.

1.6.3. Placing Actors

1) Klik pada tombol Actors di Palette dan pilih Noni .

Jika Anda menggerakkan mouse ke Scene, Anda akan melihat bahwa Noni
mengikuti kursor. Klik kiri di dekat tanah untuk menempatkannya di tempat
kejadian.

2) Sekarang lakukan hal yang sama dengan Clown . Tempatkan beberapa di Scene.

Your final scene may look something like this:

1.6.4. Adding Gravity
Sekarang kita hanya perlu memastikan aktor kita jatuh ke tanah saat mereka di
udara. Buka halaman Physics dengan menekan Physics button di bagian atas editor. Di
bagian Vertical Gravity , ketik "85".

Seperti yang Anda harapkan, nilai yang lebih tinggi akan menghasilkan gravitasi yang
lebih kuat, dan nilai yang lebih rendah akan menghasilkan gravitasi yang lebih rendah.

1.7. Test Your Game!

Klik tombol Test Game di toolbar atas untuk mencoba game Anda.

Anda harus bisa berjalan dengan tombol panah kiri dan kanan dan melompat dengan
"z".

Cobalah mendorong para Clown Actors dan melompatinya. Jika Anda jatuh dari layar,
Scene harus dimuat ulang.