CARA MEMBUAT GAME DENGAN Stencyl

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