. Pemasangan (Installation)
Setelah kita unduh perangkat lunak Stencyl (kamu bisa baca
disini
untuk baca cara mendapatkannya), cari dan temukan file mentah Stencyl,
biasanya ada dalam folder My Documents, Download (atau Unduhan), dan
jika kamu menggunakan Internet Download Manager atau aplikasi sejenis
untuk mengunduh filenya, biasanya akan diletakkan dalam folder
Aplication (atau Aplikasi).
Klik dua kali pada file
executable (namanya bisa bervariasi
tergantung versi yang kamu unduh, yang saya pakai saat ini adalah
Stencyl v3.2, dengan nama file Stencyl-full.exe), hingga terbuka sebuah
jendela pemasangan seperti ini:
Klik tombol "
Next", lalu pada jendela berikutnya klik "
Install", tunggu sampai proses pemasangan selesai, dan klik tombol "
Finish" untuk menuntaskan proses pemasangan.
(catatan: klik setiap gambar untuk melihat ukuran aslinya)
2. Mengenal Stencyl
Setelah selesai proses pemasangan, kamu bisa memulai menjalankan Stencyl, caranya dengan klik pada tombol
Start > All Programs> Stencyl > Stencyl. Maka akan terbuka jendela
Login:
Jika kamu belum memiliki akun Stencyl, kamu bisa mengklik pada tombol
Create Account dan bila kamu sudah memilikinya, tinggal masukkan Username dan password pada bagian sebelah kanan dan klik
Sign In.
Jika kamu ingin membuat akun Stencyl, langkahnya sangat mudah, klik
"Create Account" lalu tinggal isi Username yang diinginkan, Password,
konfirmasi password (ketik password yang sama dengan kotak sebelumnya)
dan isikan alamat email yang kamu gunakan, harus email yang aktif dan
bisa kamu akses, untuk memudahkan jika suatu saat lupa password. Dengan
memiliki akun Stencyl, kamu bisa menerbitkan game yang kamu buat, masuk
ke forum resmi Stencyl dan akses ke StencylForge untuk mengunduh
bermacam
bahan untuk membuat game seperti
behaviors, kits, sprites dan efek suara secara gratis.
Setelah berhasil
Sign up atau
Sign in, maka kamu akan masuk ke beranda (
Welcome Center) Stencyl seperti ini:
Disana kita bisa menemukan beberapa bagian
- Paling atas terdapat File, View, Run dst, disebut dengan Menu bar.
- Tepat dibawahnya terdapat gambar-gambar kecil dengan tulisan Create New, Save game, dst, disebut shortcut (atau jalan pintas)
- Dibawah Shortcuts, ada bagian dimana nanti akan terisi oleh tab-tab,
yang saat ini hanya ada 1 tab dengan tulisan Welcome Center, bagian ini
kita sebut saja Tab bar.
- Dibawah Welcome Center, dua bagian, yang kecil dan besar, yang kecil
(yang berisi My Projects, Games, Kits, dll) kita sebut saja Project
Explorer, dan yang besar (yang berisi gambar kecil atau thumbnail dari
proyek yang telah ada) kita sebut Viewer.
- Diatas viewer, ada beberapa tombol shortcuts juga, untuk membuat game baru, import game dan export game.
Cobalah untuk mengenal semua bagian pada beranda Stencyl ini dengan baik, agar tidak kebingungan dikemudian hari...
3. Langkah awal membuat game.
Untuk memulai belajar membuat game flash dengan menggunakan Stencyl.
kamu bisa dengan mudah mengklik pada kotak di bagian Viewer yang
bertuliskan
"Click here to create a new game", atau dengan klik tombol berwarna hijau dengan tulisan
"Create a new game...", atau dengan klik pada shortcuts dengan tulisan
"Create New..." atau dengan klik File pada menu bar dan pilih
"Create New > Game", atau dengan menekan tombol Ctrl + Shift + N.
Maka akan muncul jendela pilihan game yang akan kamu buat, apakah dengan menggunakan
kit yang telah disediakan atau kamu mau buat game dari nol.
Kit yang tersedia adalah:
- Crash Course Kit: ini adalah kit tutorial bawaan Stencyl, berisi gambar, suara dan behaviors untuk tutorial tersebut.
- Drop Block, template ini untuk membuat game physics puzzle.
- Jump and Run, kit berisi behaviors untuk membuat game platformer (sejenis dengan Mario Bross).
- Space Shooter, kit ini berisi behaviors untuk membuat game tembak-tembakan pesawat.
- Blank Game, kit ini tidak berisi apapun, digunakan untuk membuat game dari nol.
Untuk saat ini, kamu pilih dulu Kit
Blank Game, lalu klik tombol
"Next" di bagian bawah, untuk mengenal bagian-bagian dari Stencyl lebih
lanjut, dan akan muncul jendela kecil "Create a New Game..." seperti
ini:
Beri nama pada kotak
"Name", dan harus diingat, nama ini adalah
nama proyek yang kamu buat, untuk memberi judul game, kamu bisa
membuatnya nanti. Untuk bagian
"Screen Size" untuk saat ini biarkan seadanya saja yaitu dengan ukuran VGA (640x480 pixel), lalu klik tombol
"Create".
Setelah sukses dengan langkah diatas, kamu akan dibawa masuk ke tampilan
"Dashboard",
disini kamu bisa lihat segala hal yang ada dalam game yang sedang kamu
buat, misalnya jenis aktor (protagonis, antagonis, objek-objek), gambar
latar, huruf yang akan digunakan dan lain sebagainya.
4. Membuat aktor pertama
Sebuah game membutuhkan minimal 1 buah aktor (pemeran) untuk membuat
game tersebut bisa dimainkan. Aktor pada sebuah game membutuhkan minimal
2 hal utama untuk membuatnya hidup, gambar dan kontrol.
Gambar aktor pada sebuah game biasa disebut
Sprite, setiap
aktor mempunyai satu atau lebih Sprite untuk membuatnya terlihat hidup
tergantung kebutuhan dalam game tersebut. Misalnya, sebuah aktor dalam
game bisa berdiri diam, berjalan, melompat, menembak dan mati. Setiap
aksi tersebut membutuhkan 1 Sprite yang berbeda, jadi aktor tersebut
membutuhkan minimal 5 sprite.
Kontrol aktor dalam Stencyl disebut juga
Event, sebuah
aktor membutuhkan minimal 1 event untuk membuatnya hidup. Misalnya,
sebuah aktor musuh membutuhkan 1 event untuk membuatnya berjalan
bolak-balik, menembak jika melihat aktor lawannya, dan lain sebagainya.
Kita mulai dengan membuat gambar untuk aktor yang akan kita pergunakan
dalam game kita. Klik "Actor Types", lalu klik pada tombol hijau
bertuliskan "Create New" pada bagian sebelah kanan, maka akan muncul
jendela kecil bertuliskan "Create New..." dan berilah nama aktor ini,
saya memberikan dia nama
TutMan, dan klik tombol "Create" untuk membuat Aktor tersebut.
Setelah itu, kamu akan masuk ke tab kedua pada Tab-bar yang berisikan segala hal untuk membuat Aktor tersebut hidup dalam game.
Ada beberapa tombol dalam tampilan tab aktor ini, mereka adalah:
- Appearance: penampilan sang aktor seperti bentuk, ukuran dan gambar ditentukan disini.
- Behaviors: adalah tempat untuk menentukan perilaku sang aktor dalam game.
- Events: tempat untuk membuat sang aktor bereaksi pada sebuah
peristiwa dalam game, disini kamu menentukan hampir segala hal bagi sang
aktor, baik itu hidup atau matinya.
- Collision: Collision adalah bentuk dasar dari sang aktor untuk menentukan batas tubrukan dengan aktor lain dalam game.
- Physics: untuk menentukan apakah aktor ini dipengaruhi oleh fisika seperti gravitasi, berat jenis dan lain sebagainya.
- Properties: adalah tempat untuk menentukan nama dan deskripsi sang
aktor serta menentukan termasuk dalam grup mana aktor tersebut.
Klik pada tombol
Appearance untuk mulai membuat gambar sang aktor, lalu
1. Klik pada Tombol dengan simbol + pada bagian kiri bawah untuk membuat 1 animasi baru
2. Klik pada
"Create Frame (External)" pada tampilan berikutnya. Stencil akan memuat sebuah aplikasi pengolah gambar dengan nama
Pencyl, aplikasi ini sekilas mirip dengan aplikasi pengolah gambar bawaan Windows yaitu
MSPaint, dan memang fungsinya juga sama, untuk menggambar.
Setelah terbuka aplikasi Pencyl seperti diatas, kita akan mulai
menggambar karakter yang akan menjadi bagian dari game yang sedang kita
buat. Saya menggambar si TutMan ini dengan ukuran 32x32 pixels, dan
dengan gambar sederhana saja, yaitu sebentuk kotak dengan sebuah mata
besar untuk menunjukkan ke arah mana si TutMan ini menghadap. Untuk
mengubah ukuran gambar, kamu bisa melakukannya dengan klik Image >
Image Size... pada menu bar di jendela Pencyl, lalu berikan ukuran
tinggi dan lebar bagi sang aktor sesuai dengan keinginan. Sebagai
informasi, untuk game dengan ukuran 640x480 pixel, karakter dengan
ukuran 32x32 px sudah cukup, namun jika ingin memberi kesan lebih luas,
aktor bisa diperkecil lagi, misalnya 16x16 px, namun ini pasti
mengurangi kualitas gambarnya, dan jika ingin gambar karakter dengan
detail yang tinggi, kamu bisa membuatnya dengan gambar yang lebih besar.
Perkenalkan, inilah tampang si TutMan:
Setelah selesai menggambar, kamu harus klik File > Save dan
setelahnya kamu bisa tutup Pencyl dengan aman, maka gambar yang kamu
buat akan muncul di jendela Appearance sang aktor, dan kamu bisa
memberinya nama yang unik, seperti dalam game saya ini.
3. Saya beri nama animasi pertama ini dengan nama "ngadep kanan".
Langkah selanjutnya, kamu harus membuat satu buah gambar untuk setiap
aksi yang dimiliki oleh sang aktor, termasuk juga gambar untuk setiap
arah, misalnya sang aktor menghadap ke kanan dan ke kiri, membutuh satu
buah gambar untuk masing masingnya.
4. Untuk membuat gambar kiri dan kanan cukup mudah, kamu tinggal klik
tombol "Duplicate Animation" pada bagian kiri bawah, di dekat tombol +
yang tadi dipakai untuk menambahkan animasi baru. Jika berhasil, akan
ada animasi baru duplikat dari animasi yang pertama, dengan nama "Copy
of ngadep kanan", lalu ganti namanya dengan "ngadep kiri".
5. Lalu kita ingin supaya gambar ini menghadap ke arah kiri, caranya pun
tak kalah mudahnya, yaitu dengan klik tombol bergambar gerigi disebelah
kanan bawah dan pilih "Flip Horizontal", dan selesai sudah, dua buah
gambar untuk satu aktor tercipta dengan sempurna.
Untuk lebih jelas, lihat pada gambar, angka-angka yang ada disitu adalah nomor urut langkah-langkah diatas.
Untuk membuat animasi bergerak, kamu bisa tambahkan beberapa frame pada
setiap animasi, misalnya untuk animasi berjalan. InsyaAllah nanti akan
saya ulas cara untuk membuat animasi bergeraknya.
Baiklah, untuk langkah awal membuat game pada bagian pertama saya
cukupkan sampai disini dahulu, silahkan kamu bereksperimen dengan apa
yang sudah kita pelajari bersama, misalnya menggambar karakter yang
lebih baik dan dengan detail yang tinggi.