Tutorial Cara membuat game simple menggunakan (Stencyl) Full Gambar

Hallo Sobat Master Linuxser, Pada kesempatan kali ini admin akan share gimana si cara membuat game Android, Mengunakan Software Stencyl, Sebenar nya cara ini sudah lama sekali admin gunkan tapi apasalah nya admin share kembali .. Oke langsung saja tanpah banyak basah basih lagi ikuti Tutorial dibawah ini ..

Untuk memulai Tutorialnya silakan Download terlebih dahulu Softwarenya dibawah ini:

Windows
Stencyl 64bit
Stencyl 32bit

Linux
Stencvl Linux

Langkah langkahnya sebagai berikut :
Bila Program Stencyl telah terinstall pada windows anda maka silakan lakuakan instruksi berikut dibawah ini ..

Pada menu start kita cari aplikasi Stencyl yang sudah di install sebelumnya dengan memasukan keyword “Stencyl” sesuai dengan petujuk ke 1 pada gambar diatas

Sesuai dengan Gambar diatas no ke 2 Setelah program di temukan, double klik icon stencyl untuk membuka aplikasi Stancyl

Tunggu proses loading, sampai aplikasi stencyl terbuka

Setelah aplikasi stancyl terbuka maka tampilan awal pada menu game seperti yang ditunjukan pada gambar diatas Namun, dalam gambar diatas kami mengunduh beberapa contoh game sebagai bahan ajar

Klik pada kotak yang ditunjukan pada gambar diatas Untuk membuat game baru

Ket: Untuk tampilan awal game yang disediakan oleh developer game stencyl hanya menyediakan tipe game berupa blank game saja, karena pada tutorial ini penulis akan menggunakan tipe crash course maka kita harus mendownload tamplate atau kit crash course yang tersedia di internet

Untuk mendownload tamplate kit yang diinginkan kita dapat mengunduh tamplete gratis dengan mengklik sub menu Sample game pada side bar seperti tampak pada gambar diatas kemudian jika kita terhubung ke internet kita akan diarahkan pada webpage stencyl, dimana seperti yang di tunjukan pada gambar yang akan di terangkan di bawah, kita dapat men-download kit atau template serta sample game yang diingikan.

Cara lainnya adalah kita dapat mengunduh kit dengan menggunakan mesin pencari di laman google, di sini kita hanya tinggal menuliskan keyword kit yang kita inginkan. Dalam hal ini penulis mengunduh tamplate crash course yang penulis download menggunakan mesin pencari.

Lankah selanjutnya setelah kit di download seperti yang ditunjukan gambar dibawah, kemudian kita drag file kit tersebut kesub menu kit yang ada pada sidebar stencyl).

Kembali melanjutkan tahapan pembuatan game seperti yang ditunjukan pada gambar yang telah di tunjukan tadi, karena kit telah tersedia maka selanjutnya adalah klik tombol next.
Kemudian kita isi nama game yang akan di buat

Setelah mengisi Nama game yang akan dibuat, kemudian kita tentukan resolusi ukuran game yang akan di buat (Gambar 2.12), dalam tutorial kali ini penulis menggunakan resolusi 640 px untuk Lebar (Width) dan 480 px untuk Tingginya (heigh).

Kemudian pilih tombol create

Munculah tampilan dasar game (Gambar 2.13), langkah pertama sebagai dasar pembuatan game tanpa menggunakan coding ialah memahami fungsi icon yang berada pada side bar.
Hal pertama dalam membuat game adalah membuat scene atau tempat icon game bergerak

Pilih warna latar game di backround color didalam bar scene, pada tutorial ini penulis memilih vartical gradien untuk mendapatkan dua kombinasi warna dalam satu layar. Kemudian jika telah selesai klik “create”

Dan muncul latar game yang siap untuk di kelola,

Langkah selanjutnya kita buat pijakan untuk objek seolah berjalan yaitu dengan cara

Pilih pijakan yang akan di gunakan
Klik lokasi tempat dimana pijakan akan di gunakan

Setelah pijakan di buat maka langkah selanjutnya adalah membuat objek atau animasi yang akan memainkan peran, Caranya :

Klik “action” yang ada di samping tiles.
Pilih icon nya,
Letakan icon pemeran game di pojok awal mula permainan akan di mulai

Kemudian setelah itu, kita buat tulisan start sebagai home page game kita, caranya seperti tadi pas mau buat pijakan.
Ini menandakan bahwa page ini awal mulai permainan.

Setelah selesai, kini kita akan menuju pada hal terpenting pada permainan yaitu bagaimana animasi itu berjalan pada pijakan yang telah kita buat

Caranya :

Klik “Actors” sebelah tiles
Double klik pada animasi yang anda pilih sebagai pemeran utama dalam game

Maka akan muncul gambar dibawah,

Tunggu sampai muncul gambar dibawah

Pada gambar tersebut kita akan mulai coba memberikan gerakan pada animasi kita

Caranya :

Pilih “Walk Right”
Kemudian pilih “behaviour”

Maka akan muncul gambar di bawah , kemudian double klik pada gambar yang dilingkari

Maka akan muncul gambar dibawah, kemudian disana kita pilih “walking”

Maka setelah itu akan muncul gambar dibawah, disana kita akan menemukan “atribut” yang terdiri dari move right key, left key dll… disana kita akan mengubah beberapa fungsi kontrol untuk menjalan animasi yang kita telah buat tadi

Caranya cukup mudah

klik pada tabel yang ada tulisan no control dan ganti oleh anda jadi “right” sesuai nama perintah yg dilaksanakan
begitu juga pada tabel berikutnya, klik tabel dan ganti “no control” dengan kata perintah yang akan di lakukan jadi “left”

Lakukan hingga jadi seperti gambar di bawah ini

Setelah selesai, kita scrol kebawah untuk melanjutkan settingan, maka akan muncul gambar di bawah

Pada gambar diatas kita klik saja choose animation, kemudian akan muncul menu seperti gambar di bawah, kemudian kita pilih gerakan animasi sesuai perintah

Begitupun dengan yang lainya, lakukan sehingga settingan selesai seperti pada gambar di bawah ini

Setelah settingan sama sperti gambar yg diatas maka selanjutnya kita akan menambahkan gerakan tambahan ke animasi permainan kita agar lebih menarik

Caranya klik “add behaviour” yang ada di bawah ujung kiri maka kemudian akan ada menu chosse behavior seperti gambar di bawah

Disini kita akan coba menambahkan gerakan untuk meloncat maka kita pilih di jumping double klik pada jumping tersebut lakukan seperti gambar dibawah

Maka akan muncul gambar seperti ini

Setting table table diatas sesuai dengan perintah yang di ajukan hingga seperti gambar di bawah ini

Selanjutnya kita scrol untuk menyetting yang lainya..

Setting gambar yang dilingkari seperti hasil pada gambar di bawah ini..

Setelah kita menambah jumping sebagai tambahan gerakan untuk animasi kita, lebih menarik jikalau waktu meloncat ada suara untuk mengiringi gerakan tersebut, supaya permainan lebih baik lagi, caranya perhatikan gambar di bawah

kita masuk pada animasi kita yang telah kita berinama
jump sound klik tombol pilihan
pilih jump (untuk sound meloncat)
selesai, kembali aja

Maka selesai lah tambahan gerakan jumping atau kita sebut juga dengan meloncat, tapi permainan tidak akan menarik apa bila tidak ada rintangan atau penghalang untuk animasi kita, selanjutnya disini kita akan mencoba untuk menambah gerakan atau rintangan buat animasi kita supaya game lebih menantang

sebelum kita memulai menambahkan gerakan atau tambahan dalam permainan ini alangkah baiknya kalo kita mengetahui fungsinya supaya kita paham dan bisa untuk menjalankanya.

Gerakan tambahan “stomp on enemies” adalah gerakan seperti meloncat tapi berpungsi untuk mematikan lawan dengan tinjakanya.

Cara untuk mensetting gerakan ini lebih jelasnya Perhatikan gambar berikutPertama caranya sama seperti tadi tinggal klik “add behaviour” kemudian disana kita pilih “Stomp om enemies”

Setelah itu maka akan muncul gambar dibawahKemudian setelah muncul gambar klik properties

Maka akan muncul gambar seperti dibawah,Kemudian klik “edit group”

Maka akan muncul gambar seperti dibawah,
Kemudian pilih create new

Setelah kita klik create new, maka disana akan ada menu seperti gampar di bawah ini,
pada menu name kita isi dengan kata “enimies”
Setelah itu klik “create”

Setelah itu maka akan muncul tampilan seperti di bawah..

Disitu kita klik pilih players dan tiles seperti pada gambar di bawah ini..

Kemudian close saja, maka akan kembali ke halaman sebelumnya, tapi disana langkah pertama kita ke pilihan yang ada di sebelah edit group dan kedua kita pilih enimies

Setelah itu kita kembali ke menu behaviour, kemudian kita cari di “stompable group” enimies, bila tidak ada maka kita remove dulu behaviour stomp on enemies

Setelah kita remove, kembali lagi kita klik “add behaviour kemudian pilih lagi “stomp on enimies”

Kemudian kita cari enimes di “stompable group” dan kalo udah ketemu langsung klik pilih dan jangan lupa di menu “jump key” pilih UP

Penambahan gerakan jumping + meninjak musuh telah selesai, selanjutnya kita masuk lagi pada gerak selanjutnya untuk animasi kita yaitu di “Die in pit and reload”, gerakan ini fungsinya sebagai apa bila kita gagal baik masuk jurang yang telah kita buat atau kena musuh maka permainan berakhir dan di ulang dari awal,

Masuk ke langkahnya, ikuti hal hal berikut:

sama saja hal nya dengan yang lain, kita klik di “add behaviour”
trus setelah muncul menu kita pilih “Die in Pit Reload”

Maka akan muncul gambar di bawah

Setelah gambar di atas muncul maka close saja karna tidak ada settingan yang kita perlu atur di sana, cukup mudahkan..
Selanjutnya setelah kita telah menambahkan “die in pit and reload” untuk animasi kita, langkah selanjutnya adalah klik “game” yang ada di sebelah “noni” perhatikan gambar

Setelah gambar muncul, maka di menu game kita pilih physic, perhatikan gambar di bawah..

Di menu physic disana kita akan mendapati sebuah settingan yang mana itu berpengaruh pada animasi kita untuk bergerak, baik untuk maju , mundur, ataupun jumping (meloncat)

#catatan: HAL INI WAJIB SETTING DI SETIAP SCENE
Lakukan settingan seperti gambar di bawah :

Setelah selesai, agar lebih menarik kita masukan sound atau music untuk menemani berjalanya game
Cara nya lakukan seperti gambar di bawah :

masuk dashbor
klik sound
klik “click here to a create new sound”

maka akan muncul gambar di bawah

masukan nama buat sound yang akan di muat
klik “create”
setelah klik create maka akan muncul gambar di bawah

Setelah muncul gambar diatas, kita dapat lihat pada gambar pertama yang di lingkari, disana terlihat gambar merah bertuliskan “mp3 is imported? (required for flash game)” serta dibawahnya juga sama ada gambar merah dan tulisan, itu menandakan bahwa sound buat game belum ada,

Lalu kita liat kedua, disana ada dua tanda arah panah yang menunjukan artinya sebagai tempat sound di upload atau disimpan sehingga sound game bisa berjalan, disana ada 2 tanda arah panah yang mana di kedua arah panah itu memiliki format sound yang berbeda

Untuk itu kita harus mempersiapkan sound yang sama tapi tipe berbeda, contohnya perhatikan gambar berikut :

Untuk itu kita harus mempersiapkan sound yang sama tapi tipe berbeda, contohnya perhatikan gambar berikut :Gambar (a) menunjukan tipe music bertipe mp3 dan gambar (b) menunjukan tipe music bertipe ogg
Untuk cara memasukan soundnya perhatikan gambar di bawah :

Perhatikan gambar “a dan b”, caranya drag sound yang telah disiapkan tadi sesuai dengan tipe soundnya

Maka sound untuk halaman permainan kita telah selesai, dan bila ingin menambah sound lakukan lagi seperti hal tadi.

Selanjutnya kita masuk pada permainan level, pertama kita susun level pertama, sama halnya yang kita perlu lakukan adalh menyiapkan tempat pijakan serta icon yang akan bergerak, perhatikan gambar contoh di bawah

Caranya liat no diatas..

pilih “create new”
masukan nama dashbor contoh “level 1”
klik “create”

maka setelah itu muncul lah halaman buat permainan, perhatikan gambar di bawah:

Disitu kita kembali mengatur dari awal seperti halnya membuat dashbor atau halaman awal permainan
Contoh halaman level 1

Untuk membuat latar belakang, pijakan dan animasi utama dalam permainan, tidak jauh beda seperti halnya saat kita membuat dashbor atau halaman awal utama game kita tadi, hanya yang membedakan terdapat berupa lubang dan animasi lain yang berupa rintangan dan musuh animasi kita, yang mana apa bila si animasi kita bila terjatuh, maka si animasi akan balik lagi ke awal pada level yang sama,sedangkan bila si animasi kita kena pada musuh maka animasi kita akan terbang , untuk membuat lubangnya cukup hanya lewati saat kita membuat pijakan, sedangkan untuk animasi musuhnya, perhatikan gambar berikut

klik “Actors” yang berada di samping tiles
double klik “clown” (animasi yang akan jadi musuh kita)

maka akan muncul gambar dibawah

Pada gambar diatas ada keterangan (a) itu artinya kita bisa menambahkan/mengupload animasi lain bila kita punya untuk menjadi musuh animasi kita nantinya.

Untuk efek animasi musuh kita klik sajah di “behavior” perhatikan gambar dibawah:

Disana kita dapat mengubah efek animasi musuh kita,

kita klik behavior
kemudian kita klik “add behavior” untuk menambah animasi gerakan pada animasi itu sendiri
klik “motion”
dan untuk gerakan musuh kita pilih “Back and Forth Horizontaly” fungsinya agar musuh dapat bergerak maju dan mundur

setelah selesai akan muncul gambar seperti di bawah

setelah itu kita back saja, karna otomatis settinganya seperti itu, kemudian selanjutnya, kita coba tambah lagi efek buat animasi musuh ini supaya lebih menarik yaitu dengan efek agar waktu tertimpa animasi musuh ini gepeng, untuk cara – caranya perhatikan gambar di bawah ini,

masih di menu “behavior”
kemudian “add behavior” untuk menambah
pilih di “all”
kemudian double klik di stompable

maka akan muncul gambar dibawah

Pada gambar diatas terdapat kotak yang mana, pada kotak terseut adalah hasil settingan yang harus di set pada settingan – settingan di menu tersebut, lakukanlah settingan seperti pada gambar diatas, kemudian back dan animasi musuh telah selesai kita buat dan kita atur efeknya.

Cara memindahkan animasi pada pijakan Selain cara diatas, ada acara lain untuk mengubah posisi dari animasi itu, perhatikan gambar di bawah ini :

Langkahnya.

double klik pada animasi yang kita pilih
maka munculah kotak, yang berisi tentang pengaturan ukuran, dan letak penyimpanan animasi, disana kita bisa ubah posisi tempat animasi secara manual menggunakan beberapa angka.

Langkah selanjutnya adalah cara menambahkan sound untuk level pertama kita, perhatikan gambar:

klik “behavior” yang ada di sebelah scene
pilih “add behavior”
pilih “background sound” maka akan muncul gambar seperti di bawah

Pada gambar tersebut, kita akan melihat sebuah sell yang berisi tadinya “no sound” kemudian kita setting pada sell tersebut dengan isian “nama sound” yang telah kita input atau uplod tadi di “dashboard”. Contoh “backsound”

Setelah selesai kita back saja.

Selanjutnya disini kita akan mempelajari bagaimana caranya untuk pindah scene atau adegan animasi kita, caranya perhatikan gambar berikut :

kita klik menu “behavior”
‘’ add behavior”
Pilih “all”
Double klik di “switch scene on enter region” maka akan muncul gambar di bawah

Cara settingnya lakukan cara berikut

Pertama di menu “actor” kita klik di “choose actor” maka akan muncul gambar seperti di bawah”

Di situ kita pilih animasi utama kita klik di iconya

2. Kedua di menu “region” klik disanah, kemudian akan muncul gambar seperti di bawah

Kita simpan kotak kecil disanah di ujung kanan permainan tepat dimana nanti animasi kita berhenti di sanah

3. Selanjutnya kita pilih “next scene” untuk animasi kita melanjutkan masuk ke scene selanjutnya

Perhatikan gambar di bawah.

Pada gambar di atas (no 1), pilih salah satu scene untuk jadi tujuan animasi kita selanjutnya, kemudian pada (no 2) klik ok bila sudah di pilih, kemudian back dan selesai.

Setting animasi permainan kita untuk pindah scene pun telah selesai.

Untuk selanjutnya setiap scene pun tak jauh beda settinganya dengan cara yang telah di sampaikan, tugas atau hal yang akan membuat permainan ini menarik adalah imajinatif, kreasi kita sendiri, sehingga permainan ini menjadi lebih seru dan menarik, untuk contoh permainan yang telah jadi bisa dilihat pada gambar di bawah ini..

Sekian dari saya semoga dapat bermanfaat buat kalian semua . Jangan lupa di share agar tidak ketinggalan berita yang lain, Jika ada pertanyaan yg tidak di mengerti silakam untuk comment dibawah ini, Terimah kasih..