3.3 Perancangan Game
3.3.1 Deskripsi Permainan
Deskripsi permainan menggambarkan secara garis besar ide dan konsep umum dari permainan game Defense of Eterna Kingdom.
• Informasi Umum
Defense of Eterna Kingdom merupakan game single player yang memiliki tema fantasi dengan abad pertengahan. Dalam game ini pemain berperan sebagai seorang hero dari sebuah kerajaan yang bertugas menahan serangan dari musuh.
Misi utama pemain dalam game ini adalah:
1. Mempertahankan serangan musuh agar tidak lolos sampai kerajaan 2. Mengalahkan boss yang akan keluar di akhir stage
3. Pemain juga dapat membeli barang hero sesuai kebutuhan
62
Pemain akan membutuhkan zent (mata uang dalam game ini) untuk membeli barang, senjata, dan upgrade level side characters. Pemain dinyatakan berhasil apabila dapat bertahan dari serangan musuh.
• Konsep Dasar
Defense of Eterna Kingdom memiliki konsep dasar Tower defense yang digabungkan dengan unsur RPG. Game ini meminta pemain untuk mempertahankan wilayahnya dari serangan musuh dengan menggunakan hero dan para supporting character. Dalam permainan ini, pemain juga dapat menggunakan skill untuk membantu pemain dalam bertahan dari serangan musuh dan mengalahkan boss di setiap akhir stage.
• Cerita
Pada suatu ketika di dunia yang bernama Vespera, terdapat sebuah kerajaan yang bernama Eterna, yaitu kerajaan ras manusia yang memiliki kristal empat elemen yang berfungsi sebagai penjaga keseimbangan antar alam beserta isinya. Saat ini Vespera sedang terjadi kekacauan, karena banyak pihak yang berasal dari kerajaan lain menginginkan kristal yang terdapat di dalam kerajaan Eterna. Peperangan pun terjadi antar kerajaan dari berbagai ras yang menginginkan kristal tersebut. Ras manusia yang merupakan penduduk kerajaan Eterna yang merasa bertanggung jawab atas kristal berusaha mempertahankannya agar keseimbangan dunia Vespera tetap terjaga. Raja dari kerajaan Eterna mengumpulkan kedelapan petarung terbaiknya dan memilih satu dari kedelapan petarung tersebut sebagai pemimpin yang memimpin pasukan dalam mempertahankan kerajaan Eterna beserta keempat kristal yang dilindungi di dalam kerajaan Eterna.
63
• Tujuan
Game ini bertujuan untuk bertahan dari serangan musuh sampai akhir dan tidak boleh membiarkan musuh lolos dan menyerang ke kastil. Pada game ini pemain harus mengalahkan boss di setiap akhir stage untuk melanjutkan permainan.
• Konsep Permainan
Ketika memasuki game ini akan menampilkan layar menu utama yang berisi antara lain:
1. Start
Menu ini digunakan untuk memulai permainan dan pemain akan memasuki layar slot save.
2. Option
Pada menu ini akan menampilkan pengaturan suara dalam game dan pengaturan layar. Di samping itu juga terdapat tombol credits yang berisi nama pembuat game.
3. Quit
Menu ini membawa pemain keluar dari game / aplikasi.
Setelah pemain memilih tombol start maka pemain akan memasuki layar slot save. Di layar slot save pemain harus memilih slot untuk memulai permainan. Pemain diberi kesempatan untuk memilih hero dan selanjutnya memilih para supporting sebanyak empat karakter. Pemain dapat menaruh karakter yang sudah dipilih ke dalam petak yang telah disediakan. Pemain dapat menggunakan skill hero dengan mengorbankan sejumlah sp. Pemain akan mendapatkan zent ketika pemain menyelesaikan stage tersebut yang digunakan untuk membeli barang di store.
64 3.3.2 Komponen Permainan
Komponen-komponen yang terdapat dalam game ini adalah:
- Zent
Zent merupakan mata uang didalam game ini, zent dapat digunakan untuk membeli item di shop yang diperoleh dalam game.
- Element
Dalam game ini, terdapat empat elemen yang berpengaruh dalam pertarungan. Empat elemen tersebut adalah fire, wind, ice dan lightning.
Fire Wind Ice Lightning
Fire 100% 150% 50% 100%
Wind 50% 100% 100% 150%
Ice 150% 100% 100% 50%
Lightning 100% 50% 150% 100%
Tabel 3.17 element relation - Main characters
Character Element Main Status Side Status Description
Swordsman
Swordsman is standard character from all other characters with balanced skill and performance.
Swordsman using sword as his weapon.
Knight
Archer is fast and agile sharpshooter. Archer using bow and arrows as his weapon.
65 staff as her weapon.
Mage Fire control fire. All mages using element staff as control lightning. All mages using element staff as their weapon.
Mage Wind staff as their weapon.
Tabel 3.18 Character
66 - Enemy Characters
1. Orcs
Character Element Status Description
Orcs Warrior
Orcs warrior using mace as his weapon. powerful orcs in full armor.
Orcs knight using battle Special : Sonic Attack
The ruler and the king of the orcs clan. Orcs king using halberd as his weapon.
Tabel 3.19 Orcs Enemy 2. Undead
Character Element Status Description
Undead Warrior underworld. Undead warrior using katar as his weapon.
Undead Mage Special : Undead Blizzard
King of the underworld.
Undead king using scythe as his weapon.
Tabel 3.20 Undead Enemy
67 3. Dragon
Character Element Status Description
Dragon Warrior agile fighter. Dragon warrior using sai as his weapon. sword as his weapon.
Dragon King Special : Dragon Rage
The king of all dragons.
Dragon king using his own claws as his weapon.
Tabel 3.21 Dragon Enemy - Special Skill
Name SP Consume Damage Effect
Wind Slash 5 Attack x 1,5
Memberikan damage kepada musuh serta mendorong mundur musuh yang diserang.
Flaming
Thrust 5 Attack x 1,5
Memberikan damage kepada musuh serta menyebabkan musuh yang diserang terkena efek burn sebanyak 5 point per detik selama 10 detik.
Arrow
Shower 5 Attack x 1,2
Menciptakan hujan panah ke semua musuh dan memberikan damage yang cukup tinggi.
Divine Wind 5 Attack x 1,1
Memberikan heal kepada seluruh karakter hero sebanyak 200 point dan memberikan damage kepada seluruh karakter musuh.
Dragon
Breath 5 Attack x 1,3
Menembakkan api keseluruh pasukan musuh dan memberikan burn sebanyak 5 point per detik selama 10 detik .
Frosting
Earth 5 Attack x 1,3 Memberikan damage dan membuat paralyzed seluruh
68
pasukan musuh selama 5 detik.
Zeus Rage 5 Attack x 1,3
Menghasilkan hujan petir dalam jumlah yang besar dan
memberikan damage kepada seluruh musuh.
Chaos
Tornado 5 Attack x 1,3
Menghasilkan angin puting beliung yang menyebabkan damage keseluruh musuh dan mendorong mundur semua musuh.
Sonic Attack 5 - Meningkatkan kecepatan bergerak dan menyerang.
Undead
Blizzard 5 150
Menyebabkan damage kepada seluruh lawan dan menyebabkan efek paralyzed pada lawan selama 3 detik.
Dragon
Rage 5 200
Memberikan burn kepada seluruh lawan sebanyak 5 point per detik selama 10 detik.
Tabel 3.22 Special Skill - Weapon
69 Magic Staff
Acolyte 10 -
Crystal Staff
Acolyte 30 2,500 Zent
Staff
Mage 10 -
Element Staff
Mage 30 2,500 Zent
Tabel 3.23 Weapon list - Item
Item Effect Price
Blue Potion
SP + 5 150 Zent
Red Potion
HP + 250 100 Zent
Tabel 3.24 Item list
70 - Map
Map yang digunakan memiliki bentuk petak-petak yang akan digunakan untuk meletakan karakter. Musuh datang dari kanan dan berusaha memasuki Eterna castle.
Maps Image
Stage 1
Stage 2
Stage 3
Tabel 3.25 Maps
71 3.3.3 Perancangan Storyboard
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 01 of 18 Screen ID: 01
Screen Description: Main Menu yang muncul saat aplikasi game dijalankan pertama kali.
1. Jika meng-klik start maka akan ke screen ID 05 2. Jika meng-klik option maka akan ke screen ID 03 3. Jika meng-klik quit maka akan ke screen ID 02 Link From Screen ID: 02,03,05 Link to Screen ID: 02,03,05 Color Scheme: Light Brown(#c76c31), Yellow(#fada43), Light
Gray(#d0d1cf), Dark Gray(#676766) Text Attributes: -
Still Images:
Background(.png),buttonstart(.png),buttonoption(.png),buttonquit(.png) Audio: Opening(.wav)
Video: -
Animation: Pertama-tama papan tulisan Defense of Eterna Kingdom muncul dari atas ke bawah setelah itu papan start ,option dan quit turun dari atas ke bawah.
72
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 02 of 18 Screen ID: 02
Screen Description: Tampilan konfirmasi untuk meninggalkan game Eterna Kingdom.
1. Pop-up window muncul ketika user memilih tombol quit.
2. Jika meng-klik yes maka akan keluar dari game.
3. Jika meng-klik no maka akan kembali ke screen ID 01
Link From Screen ID: 01 Link to Screen ID: 01 Color Scheme: Light Brown(#c76c31), Yellow(#fada43), Light Gray(#d0d1cf), Dark Gray(#676766)
Text Attributes: -
Still Images: Background(.png) Audio: Opening(.wav)
Video: - Animation: -
73
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 03 of 18 Screen ID: 03
Screen Description: Tampilan Menu Option .
1. Jika meng-kilik on maka suara akan menyala dan meng-klik off suara akan mati.
2. Jika meng-klik full screen maka layar game akan menyesuaikan dengan layar komputer dan meng-klik windowed layar akan kembali ke dalam bentuk window
3. Jika meng-klik credits maka akan ke screen ID 04.
4. Apabila meng-klik back maka akan kembali ke screen ID 01.
5. Apabila meng-klik back didalam game maka akan kembali ke screen ID 15.
Link From Screen ID: 01 Link to Screen ID: 01, 04,15 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light Gray(#d0d1cf)
Text Attributes: Times New Roman
Still Images: background(.png), buttoncredits(.png), buttonok(.png), buttoncancel(.png)
Audio: -
Video: Credits(.flv) Animation: -
74
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 04 of 18 Screen ID: 04
Screen Description: Tampilan menu credits.
1. Jika meng-klik back maka akan kembali ke screen ID 03.
Link From Screen ID: 03 Link to Screen ID: 03
Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light Gray(#d0d1cf), Light Yellow(#fbea9c)
Text Attributes: -
Still Images: background(.png) buttonback(.png) Audio: -
Video: - Animation: -
75
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 05 of 18 Screen ID: 05
Screen Description: Tampilan Slot Save saat user memilih start pada main menu.
1. Jika meng-klik slot 1, slot 2 atau slot 3 maka akan ke screen ID 07.
2. Jika meng-klik back maka akan kembali ke screen ID 01.
3. Jika memilih slot 1, slot 2 atau slot 3 dan meng-klik delete maka akan ke screen ID 06.
4. Jika memiliki save slot maka pada slot tersebut akan muncul nama pemain, type character dan map yang dipilih sebelumnya.
Link From Screen ID: 01 Link to Screen ID: 01, 06, 07 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light
Gray(#d0d1cf)
Text Attributes: Times New Roman
Still Images: background(.png), buttonslot1(.png), buttonslot2(.png), buttonslot3(.png), buttonback(.png), buttondelete(.png)
Audio: - Video: - Animation: -
76
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 06 of 18 Screen ID: 06
Screen Description: Tampilan konfirmasi ketika user ingin men-delete slot save .
1. Pop-up window muncul ketika user memilih tombol delete.
2. Jika meng-klik yes maka data save akan dihapus dan akan kembali ke screen ID 05.
3. Jika meng-klik no maka data save tidak jadi dihapus dan akan kembali ke screen ID 05.
Link From Screen ID: 05 Link to Screen ID: 05 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766),
Light Gray(#d0d1cf)
Text Attributes: Times New Roman
Still Images: background(.png), buttonslot1(.png), buttonslot2(.png), buttonslot3(.png), buttonback(.png), buttondelete(.png)
Audio: - Video: - Animation: -
77
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 07 of 18 Screen ID: 07
Screen Description: Tampilan input nama untuk memulai permainan.
1. Jika meng-klik back maka akan kembali ke screen ID 05.
2. Jika meng-klik next maka akan ke screen ID 08.
3. Jika text field belum diisi maka akan mengeluarkan warning “ You Must Enter Your Name”.
Link From Screen ID: 05 Link to Screen ID:05,08 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light Gray(#d0d1cf)
Text Attributes: Times New Roman
Still Images: background(.png), buttonback(.png), buttonnext(.png) Audio: -
Video: - Animation: -
78
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 08 of 18 Screen ID: 08
Screen Description: Tampilan cerita pada game.
1. Jika meng-klik skip maka akan ke screen ID 09.
Link From Screen ID: 07 Link to Screen ID: 09 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766),
Light Gray(#d0d1cf)
Text Attributes: Times New Roman
Still Images: background(.png), buttonskip(.png), swordman(.png), knight(.png), Archer(.png), acolyte(.png), fire(.png), mage-lightning(.png), mage-ice(.png), mage-wind(.png), king(.png).
Audio: - Video: - Animation: -
79
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 09 of 18 Screen ID: 09
Screen Description: Tampilan pemilihan karakter utama.
1. Jika meng-klik swordsman, knight, archer, acolyte, atau mage maka akan keluar gambar karakter, description, status dan equipment .
2. Jika meng-klik next maka akan ke screen ID 10.
Link From Screen ID: 08 Link to Screen ID: 08, 10 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light Gray(#d0d1cf)
Text Attributes: Times New Roman
Still Images: background(.png), swordman(.png), swordman1(.png), knight1(.png), Archer1(.png), acolyte1(.png), fire1(.png), mage-lightning1(.png), mage-ice1(.png), mage-wind1(.png), sword(.png), buttonback(.png), buttonnext(.png)
Audio: BGM_Select_Char(.mp3) Video: -
Animation: Menampilkan animasi pada karakter yang dipilih berputar
80
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 10 of 18 Screen ID: 10
Screen Description: Tampilan pemilihan karakter utama.
1. Pop-up window muncul ketika user memilih tombol next.
2. Jika meng-klik yes maka akan ke screen ID 11.
3. Jika meng-klik no maka akan kembali ke screen ID 09.
Link From Screen ID: 09 Link to Screen ID: 09, 11 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766),
Light Gray(#d0d1cf)
Text Attributes: Times New Roman
Still Images: Still Images: background(.png), swordman(.png),
swordman1(.png), knight1(.png), Archer1(.png), acolyte1(.png), mage-fire1(.png), mage-lightning1(.png), mage-ice1(.png), mage-wind1(.png), sword.png, buttonback(.png), buttonnext(.png)
Audio: BGM_Select_Char(.mp3) Video: -
Animation: -
81
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 11 of 18 Screen ID: 11
Screen Description: Tampilan pemilihan karakter pembantu.
1. User dapat memilih empat karakter pembantu dengan cara meng-klik gambar karakter yang telah disediakan.
2. Jika meng-klik back maka akan kembali ke screen ID 05 untuk pertama kali main game.
3. Jika meng-klik next maka akan ke screen ID 12.
4. Jika meng-klik remove maka supporting character akan menjadi kosong.
5. Apabila user tidak memilih empat karakter pendukung maka akan muncul pop-up yang bertuliskan “You must select 4 supporting character”.
Link From Screen ID: 10 Link to Screen ID: 05, 12.
Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light Gray(#d0d1cf), Light Yellow(#fbea9c)
Text Attributes: Times New Roman
Still Images: background(.png), swordman1(.png), knight1(.png), Archer1(.png), acolyte1(.png), mage-fire1(.png), mage-lightning1(.png), mage-ice1(.png), mage-wind1(.png), buttonback(.png), buttonstart(.png), buttonremove(.png).
Audio: BGM_Select_Sup_Char(.mp3) Video: -
Animation: karakter Mage jika di-hover akan muncul pilihan fire, wind, ice, lighting dari atas ke bawah
82
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 12 of 18 Screen ID: 12
Screen Description: Tampilan tutorial dalam permainan.
1. User diberikan arahan dalam bermain dalam game.
2. Setelah selesai tutorial maka ke screen ID 13 Link From Screen ID: 11 Link to Screen ID: 13
Color Scheme: Light Blue (#3b94c2), Green(#3bc23e), Dark Gray(#676766), Light Gray(#d0d1cf), Light Yellow(#fbea9c)
Text Attributes: Times New Roman
Still Images: map1(.png), char1(.png), char2(.png), char3(.png), char4(.png),
char5(.png), buttonmenu(.png), buttonready(.png), redpotion(.png), bluepotion(.png).
Audio: BGM_Battle1(.mp3) Video: -
Animation: karakter bergerak di tempat, musuh datang dari kanan ke kiri
83
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 13 of 18 Screen ID: 13
Screen Description: Tampilan permainan.
1. User dapat meletakan karakter didalam petak-petak yang telah disediakan.
2. Jika meng-klik menu maka akan ke screen ID 14.
3. Jika meng-klik karakter utama dan meng-klik button ready maka akan mengeluarkan animasi skill dan user harus menunggu selama beberapa detik untuk dapat menggunakan skill.
Link From Screen ID: 12 Link to Screen ID: 14
Color Scheme: Light Blue (#3b94c2), Green(#3bc23e), Dark Gray(#676766), Light Gray(#d0d1cf), Light Yellow(#fbea9c)
Text Attributes: Times New Roman
Still Images: map1(.png), char1(.png), char2(.png), char3(.png), char4(.png), char5(.png), buttonmenu(.png), buttonready(.png), redpotion(.png),
bluepotion(.png).
Audio: BGM_Battle1(.mp3) Video: -
Animation: karakter bergerak di tempat, musuh datang dari kanan ke kiri
84
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 14 of 18 Screen ID: 14
Screen Description: Tampilan permainan ketika menekan menu.
1. Jika meng-klik option maka akan ke screen ID 03.
2. Jika meng-klik main menu maka akan muncul pop-up window yang menanyakan “Are You Sure Go to Main Menu?”.
Apabila meng-klik yes maka kembali ke screen ID 01 dan apabila meng-klik no maka ke screen ID 14.
3. Jika meng-klik back to game maka akan ke screen ID 13.
Link From Screen ID: 13 Link to Screen ID: 01, 03, 13, 14 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light
Gray(#d0d1cf), Light Yellow(#fbea9c) Text Attributes: Times New Roman
Still Images: map1(.png), char1(.png), char2(.png), char3(.png), char4(.png), char5(.png), buttonmenu(.png), buttonready(.png), redpotion(.png),
bluepotion(.png).pause(.png), buttonshop(.png), buttonoptions(.png), buttonmainmenu(.png), buttonbacktogame(.png)
Audio: - Video: - Animation: -
85
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 15 of 18 Screen ID: 15
Screen Description: Tampilan permainan ketika menang.
1. Jika meng-klik retry maka akan ke screen ID 13.
2. Jika meng-klik shop maka akan kembali ke screen ID 17.
3. Jika meng-klik continue maka akan ke screen ID 13 dengan level selanjutnya.
Link From Screen ID: 13 Link to Screen ID: 13, 17 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light
Gray(#d0d1cf), Light Yellow(#fbea9c) Text Attributes: Times New Roman
Still Images:background(.png), pause(.png), buttonshop(.png), buttonretry(.png), buttoncontinue (.png)
Audio: - Video: - Animation: -
86
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 16 of 18 Screen ID: 16
Screen Description: Tampilan permainan ketika kalah.
1. Jika meng-klik retry maka akan ke screen ID 13.
2. Jika meng-klik shop maka akan kembali ke screen ID 17.
3. Jika meng-klik quit maka akan ke screen ID 1.
Link From Screen ID: 13 Link to Screen ID: 1, 13, 17 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light Gray(#d0d1cf), Light Yellow(#fbea9c)
Text Attributes: Times New Roman
Still Images:background(.png), pause(.png), buttonshop(.png), buttonretry(.png), buttoncontinue (.png), logo(.png)
Audio: - Video: - Animation: -
87
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 17 of 18 Screen ID: 17
Screen Description: Tampilan item shop.
1. Jika meng-klik weapon, atau item pada categories maka list akan berubah sesuai dengan categories yang dipilih, menampilkan informasi dan gambar barang ditengah layar. Pada menu weapon user memilih senjata di list.
2. Jika meng-klik buy dan balance tidak sesuai dengan price maka akan play sound effect.
3. Jika meng-klik exit maka akan kembali ke screen ID 15/16.
Link From Screen ID: 15,16 Link to Screen ID: 15, 16 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766),
Light Gray(#d0d1cf), Light Yellow(#fbea9c) Text Attributes: Times New Roman
Still Images: background(.png) buttonweapons(.png), buttonitems(.png), buttonlevels(.png), buttonbuy(.png), buttonexit(.png)
Audio: - Video: - Animation: -
88
Project: Defense of Eterna Kingdom Date: 28 Maret 2013
Screen: 18 of 18 Screen ID: 18
Screen Description: Tampilan item shop categories levels.
1. Jika meng-klik level pada categories maka list akan berubah sesuai dengan categories yang dipilih, menampilkan informasi dan gambar barang ditengah layar yang dapat digeser kekiri dan kekanan dengan cara meng-klik tanda panah.
2. Jika meng-klik upgrade dan balance tidak sesuai dengan price maka akan play sound effect.
3. Jika meng-klik exit maka akan kembali ke screen ID 15/16.
Link From Screen ID: 15,16 Link to Screen ID: 15, 16 Color Scheme: Blue (#0000ff), Yellow(#fada43), Dark Gray(#676766), Light Gray(#d0d1cf), Light Yellow(#fbea9c)
Text Attributes: Times New Roman
Still Images: background(.png) buttonweapons(.png), buttonitems(.png), buttonlevels(.png), buttonbuy(.png), buttonexit(.png), swordman(.png).
Audio: - Video: - Animation: -