Monkey Protector

Dinnn Developer
Tentang
Monkey Protector

Game ini bergenre action. Dalam game ini kita berprofesi

sebagai monyet. Kamu adalah raja monyet yang akan
melindungi para monyet dari pemburu. Karena kamu
adalah monyet, maka pemburu juga akan menangkapmu.
Dalam game ini, pemburu bisa menembakkan peluru yang bisa membuatmu tewas.
Namun, tidak perlu khawatir. Karena kamu adalah raja monyet maka kamu juga bisa membela diri, ya seni bela
diri monyet melempar batu.

Sebagai raja monyet, kamu ditantang untuk bisa melindungi dirimu dan para monyet yang tidak berdosa dari kejaran
pemburu. Pemburu disini memiliki level berbeda-beda. Mulai dari pemburu level terendah hingga bos pemburu.
Untuk pemburu level 1 mereka tidak bisa melawan, tapi kamu akan memperoleh pisang jika mengalahkan mereka.
Pisang disini berfungsi sebagai buah penambah darah sehingga kamu tidak perlu takut mati.

Adapun pemburu level 2 mereka dapat menyerangmu dengan

serangan yang tidak terlalu fatal.
Pemburu level 3 adalah boss, kamu tidak boleh terkena
serangannya. Setiap serangan menghilangkan 25% darahmu.

Ketika kamu berhasil menaklukkannya, maka kehidupan di hutan monyet akan kembali
tentram dan tahta raja monyet akan dilanjutkan ke penerusmu.

Game pun tamat.

Mekanisme
1. Pembuatan Splash screen ketika
game dibuka
• Bagaimana Membuat Splash screen ketika Game dijalankan pertama kali?

Tambahkan sebuah assets

berupa file gambar yang
akan dijadikan splash
screen.
Caranya klik Assets →
Import New Assets cari
gambar yang ingin di
jadikan splashscreen, dan
klik import. Pada tutorial ini
menggunakan file
background.png dan
character.png.
Setting Main Camera
pada Hierarchy

Klik Main Camera → lal

u pilih projection pada I
nspector → ubah menja
di perspective → atur Fi
eld of View menjadi 30.
 Selanjutnya mengatur
background kedalam hi
erarchy

Cara nya pilih menu Gam

e Object → pilih UI → pili
h panel.
 Setting Render Mode pa
da Canvas agar sesuai
dengan screen dari Mai
n Camera
Dengan cara klik Canvas pa
da Hierarchy → ubah Rende
r Mode pada Inspector men
jadi Screen Space - Camera
→ drag Main Camera di Hie
rarchy dan Drop kedalam R
ender Camera di Inspector
dari Canvas → atur Plane D
istance menjadi 60.
Selanjutnya pengaturan pada ins
pector Canvas Scaler (Script)

Pada inspector Canvas Scaler (Scrip

t), UI Scale Mode ubah menjadi Scal
e With Screen Size.
Selanjutnya yaitu mem
asukkan gambar backgr
ound ke dalam panel

Dengan cara klik panel → klik browse di inspector i

mage tepat disebelah attribut source image → dan
pilih gambar background.
 Selanjutnya menambahkan
object image kedalam Can
vas.

Caranya sama seperti menam

bahkan object panel melalui
menu Game Object pada men
u di unity, setelah itu pada UI
pilih Image.
 memasukkan gambar c
haracter ke dalam I
mage.
Caranya sama seperti memasuk
kan gambar kedalam panel klik
Image → klik browse di inspect
or image tepat disebalah attrib
ut source image. → dan pilih g
ambar Character.
Kalian dapat mengatur ukuran scale, position, dan an
chor dari image pada inspector di panel Rect Transfo
rms.

atau agar lebih mudah kalian bisa

mengatur menggunakan tool-tool yang
sudah disediakan terletak di sudut
kanan atas, dibawah menu.
Sekarang kalian dapat
menambahkan satu buah
scene lain

dengan cara klik File → Ne

w Scene, dan simpan denga
n nama Menu.
Pengaturan Script Splash Screen Game Menggunakan Unity :
1. Pastikan kalian berada pada scene splashscreen.

Pertama buat Script C# baru dengan car

Klik ganda Script tersebut untuk masuk
a klik kanan di Tab Project di panel Asset ke dalam Text Editor.
s lalu klik Create → Pilih C# Script lalu be
ri nama SplashScript.
Selanjutnya pada editor ketikan pe
rintah sebagai berikut :
2. Selanjutnya Save script tersebut dengan
ctrl+save
Kembali ke unity dan aktifkan script
SplashScript dengan memasang ke Canvas
dengan cara Drag and Drop.
3. Perhatikan di Tab Inspector, kini muncul komponen bar
u.
Selanjutnya kita akan mencoba menampilkan SplashScre
en selama 3 detik sebelum dialihkan ke scene selanjutnya
yaitu Scene Menu.
• Bagaimana menyambungkan splash screen dengan game scene?

Pengaturan Project
1. Untuk mengatur scene mana saja
yang akan didaftarkan kedalam proj
ect
Pertama-pertama kalian harus bera
da di scene yang akan diaktifkan terl
ebih dahulu, misanya scene splashs
creen. Lalu klik File → pilih Build Se
tting.
2. Dibagian bawah panel Scenes In Bu
ild, klik tombol Add Current.
Scene akan terdaftar secara otomatis
(lihat gambar)
3. Lakukan hal yang sama denga
n scene berikutnya,
Yaitu scene menu. kalian harus b
erada pada scene Menu, lalu Lal
u klik File → pilih Build Setting.
Dibagian bawah panel Scenes In
Build, klik tombol Add Current. P
astikan semua scene sudah bera
da pada Scenes In Build.

Selanjutnya apabila semua scene

terdaftar dalam project kalian,
silahkan kalian kembali ke scene
splashscreen dan testing game
kalian dengan menekan tombol
Play.
2. Pembuatan halaman pertama
(Tombol Mulai, Keluar, Dan
Highscore)
• import asset tombol yang inging digunakan
Kita lanjutkan lagi dengan mem
buat satu Canvas, caranya deng
an mengklik kanan pada Tab Hie
rarchy lalu pilih UI >> Canvas
Dapat dilihat setelah kita membuat Canvas baru maka pada bagian
scene / atau hierarchy terdapat game object baru yang bernama Canvas
dan EventSystem.
• Bagaimana import Background?

Sekarang kita klik kanan

pada game object Canvas
lalu pilih Image, image ini
akan kita gunakan untuk
meletakkan backgroun
main menu kita.
Maka akan muncul satu game object lagi dengan nama Image, kita
rename Image ini dengan nama ImageBackground.
Sudah itu kita masukkan g
ambar bakground yang su
dah kita import ke unity t
adi kedalam komponen I
mage, caranya mudah kok
.
Kita seleksi aja ImageBack
ground kita lalu kita lihat
di Inspector kita disana te
rdapat komponen yang be
rnama Image lalu kita pili
h file gambar yang akan di
jadikan background dan d
rag and drop gambar ters
ebut pada bagian Image S
ource.
Jangan lupa untuk menek
an / memilih opsi Set Nati
ve Size agar ukuran gamb
ar kita sama dengan ukur
an aslinya.
Jadi kita ubah ukurannya, kalau disini saya mengub
ah ukuran sumbu x dan y menjadi 1.6, dan hasilny
a dapat sobat lihat pada gambar di bawah

Kita lanjutkan lagi dengan menambahkan satu

Image baru untuk meletakakkan judul game
kita yang telah kita import ke unity tadi. Cara
membuatnya sama seperti saat membuat
background.

Atur sesuai dengan yang sobat inginkan,

jangan lupa untuk merubah namanya juga
agar komponen lebih mudah untuk dikenali.
• Bagaimana membuat Tombol?
Klik kanan pada Canvas >> UI >> Button, Untuk defaultnya setelah kita
Kalu sudah, sekarang menambahkan Button, maka pada Hierarchy kita akan terdapat satu button dan
saatnya kita satu text.
menambahkan
beberapa button /
tombol yang ada pada
main menu kita. Cara
untuk menambahkan
komponen Button ini
hampir sama dengan
menambahkan
komponen Image yang
telah kita lakukan
sebelumnya.
Selanjutnya kita hapus saja text yang berada di dalam Button atau yang menjadi child dan kita drag and drop lagi
aset button yang telah kita import tadi ke dalam Source Image yang ada pada Button.
Jangan lupa ubah nama, atur posisi serta ukuran dari Button sesuai dengan yang kita inginkan.
Tambahkan satu button lagi sebagai button petunjuk, hasilnya kurang lebih akan seperti ini
Nah barulah pada langkah berikutnya kita buat satu buah script c#,
untuk namanya bebas tapi script c# yang saya buat saya beri nama
MainMenu. Buka script MainMenu dan tambahkan kode program
berikut.

Simpan script MainMenu dan kembali ke

unity, tunggu sampai proses compile
selesai.
Letakkan script MainMenu k
e salah satu gameobject yan
g ada pada scene / hierarchy
, disini saya meletakkannya
di dalam Canvas.
Sekarang kalau kita Play dan kita menekan tombol Escape maka pada
Console akan tercetak informasi yaitu Quit Game.

Jadi kalau game kita belum dibuild menjadi file eksekusi seperti .exe
maka fungsi Quit() akan terasa seperti tidak berhasil atau tidak bekerja.

Berikutnya kita panggil fungsi MainGame() yang telah kita buat tadi pada
menggunakan tombol / button Main yang telah kita buat.
Caranya, seleksi bu
tton terlebih dahul
u lalu lihat di Inspe
ctor dan cari komp
onen yang bernam
a Button, pada bag
ian On Click() pilih
tanda + >> karena
script MainMenu t
adi kita letakkan p
ada Canvas jadi kit
a drag and drop Ca
nvas ke dalam On
Click().
 Masih pada komponen Button, sorot
mouse ke No Funtion lalu kita pilih na
ma script dan nama fungsi yang akan
kita panggil.

Namun jika kita Play dan menekan

button main yang telah kita buat maka
kita akan mendapatkan pesan error
pada Console kita.

Pesan error tersebut muncul karena kita

belum menambahkan scene kita yang
bernama level_satu kedalam Build Settings…
Untuk mengatasi hal ini, kita buat satu scene
baru lagi dengan nama level_satu (nama scene
ini boleh sobat buat sesuai dengan keinginan,
akan tetapi pastikan juga nama scene yang
akan kita load lewat script LoadScene() harus
di ubah juga).
Buat satu scene baru dengan nama level_satu.

Tambahkan semua
scene yang ada ke
dalam Build
Settings… kita,
caranya pilih menu
File >> Build
Settings… atau bisa
melalui keyboard
dengan menekan
tombol Ctrl + Shift +
B, maka akan keluar
satu jendela baru.
Barulah drag and
drop semua scene
yang ada atau
digunakan
kedalam Build
Settings…

Kita coba Play

lagi dan hasilnya
ketika kita
menekan tombol
Main maka kita
akan berpindah
scene dengan
nama level_satu.
3. Pembuatan halaman Game setelah tombol mulai
di tekan
# Tampilan In Game
• Bagaimana Import Background?
• Bagaimana Import Backsound?
• Bagaimana menambahkan Sound Effect?
• Bagaimana membuat animasi loading?
• Bagaimana membuat animasi game dimulai?
• Bagaimana membuat Bar darah?
• Bagaimana membuat Bar Home?
• Bagaimana membuat Game pause?
• Bagaimana membuat Game resume?
• Bagaimana membuat Game Exit?
• Bagaimana Import asset Karakter (player, permonyetan, pohon, awan, jalan, pemburu)
• Bagaimana membuat papan score?
• Bagaimana membuat animasi ketika darah habis?
• Bagaimana membuat tombol try again?
# mekanisme player
• Bagaimana import asset karakter player?
• Bagaimana membuat tombol controller player?
> https://youtu.be/FMzqdj1pEpw
• Bagaimana membuat asset player bisa menyerang?
# mekanisme figuran monyet
• Bagaimana import asset dan membuat animasi monyet figuran?
# mekanisme pemburu
• Bagaimana import asset dan membuat animasi pemburu level 1?
• Bagaimana membuat effek pemburu dihancurkan dan berubah menjadi pisang?
• Bagaimana import asset dan membuat animasi pemburu level 2?
• Bagaimana membuat pemburu bisa menembak dan mengurangi darah?
• Bagaimana membuat effek pemburu level 2 dihancurkan?
• Bagaimana import asset dan membuat animasi pemburu level 3?
• Bagaimana membuat Bar darah diatas pemburu?
• Bagaimana membuat pemburu bisa menembak dan mengurangi darah?
• Bagaimana membuat bar darah diatas kepala pemburu berkurang?
• Bagaimana membuat effek pemburu level 3 dihancurkan?
# ending
• Bagaimana animasi ketika game berhasil dimenangkan?
• Bagaimana membuat game kembali ke menu/halaman 1 ketika game telah dimenangkan?
Tamat.