Pembangunan aplikasi game 2D Dasar Jana:Mengejar Dewi Suda
BIODATA PE ULIS
1. DATA PRIBADI
! " # !
$ % "$ & ' ( ) " &*+ ,
" - +., , ** ///
$ 1 $)"
2. RIWAYAT PE DIDIKA
2 #2 + # " ( +**+
# " 3 # 3
4 ( +**+ +**,
# " # ( +**, +**.
3
5 6 " ( +**. +* 4 2 ! 7 7 8
8
8
7 $
PEMBA GU A APLIKASI GAME 2D
”DASAR JAA: ME GEJAR DEWI SUDA”
SKRIPSI
MUHAMMAD GUMILAR
10108011
PROGRAM STUDI TEK
IK I FORMATIKA FAKULTAS TEK
IK DA
ILMU KOMPUTER U
IVERSITAS KOMPUTER I DO ESIA
2013
KATA PE GA TAR
! " # $ %! ! $ ! & ' %! $ !
( )
- " % !
! !
- ,! + . !
! ! ! / 0 ( $ 1 ! ! ! ! ! - , ! . 2 0 ! ( $ ( % - ( #
$ %! 3 0 $ ! - % ! $ !
1 , - 4 $ ! 6 "
- 5 0
- 7 $ $ !'
2 8 $ , ! %! ! $# " /998
: % ! $ ! * ! ! $ ! +
) " % - , ( ( 1 ( % .
! ! ! , ; , - / 2 , ,! (
3 <.=
1 , # $
,! $ , ; $# " /998
% 4 % ! # , >
5 ( ! ! ! !
7 !
!
DAFTAR ISI
ABSTRAK .............................................................................................................. i
ABSTRACT ........................................................................................................... ii
KATA PE GA TAR .......................................................................................... iii
DAFTAR ISI ......................................................................................................... vi
DAFTAR GAMBAR .......................................................................................... viii
DAFTAR TABEL ................................................................................................ xi
DAFTAR SIMBOL ............................................................................................. xii
DAFTAR LAMPIRA ...................................................................................... xvi
BAB I PE DAHULUA ................................................................................... 1
BAB II LA DASA TEORI ................................................................................ 7! " # ! $ % $ & ' () # "
- " #
,
- ! .
# /$ . / 0 )
&
% $ ' + ) % $ " +
BAB III A ALISIS DA PERA CA GA SISTEM ................................... 25
%
- %
# % ! $ - % + % ! . % 1 $ 2 '
, % 1 $ ' * .
.
, . %
, . &
3 &, .
&
BAB IV IMPLEME TASI DA PE GUJIA SISTEM .............................. 87
4 " & 4 " %" &
- 4 "
& 4 " % && 4 " &*
4 &* 4 % "
- ,
- 4
BAB V KESIMPULA DA SARA .......................................................... 105
4 1 " ,
4 ,
DAFTAR PUSTAKA ......................................................................................... 107
UML Distilled 3th Ed. Panduan Singkat Bahasa Pemodelan Objek Standar, Game Type and Game Genre
!" Pengenalan Komputer # $ %&& ' (
- ) ( , -. + Hubungan Antara Stress Dengan Coping Strategy Pada
Terapis Yang Menangani Anak Autisme Di Yayasan (athanisa AGCA Center Bandung Hubungan Antara Tingkat Stres Dengan Perilaku Prokrastinasi Akademik Pada Mahasiswa Universitas Bina (usantara
Yang Sedang Mengerjakan Skripsi Pada Semester Genap 2011/2012,
(/ # ( 0 1 2 3/ 4 # . , 5" Software Engineering : A Practitioner’s Approach, & - 6!
Programming Adobe ActionScript for Adobe Flash, $ 5 .
7 8 9 /8 : $ / * 9 , - ; "2 ! " 7 ! & Mudah Belajar JAVA # $ 2 / * 7 & . ( 5 .. 1
7 Software Engineering. 9th" * <
Using Adobe Flash Professional CS5 & CS5.5 $ 5 .
7
8
- = 58/ , > Foundation Game Design with Flash, & ? .$ #- 8 " - , $ " ' = 1 Psychology :
Core Concept 7th Edition, #
- 8:@@ " ( 8 " @ ( @' A
B ; . ( : @ @ :
- 8:@@ " ( 8 " @ ( @5/8 A A2 " +
B ; . ( : *@ @ : *
B ; . ( : *@ @ :+ 4 - 8:@@ " . 8 " .@
6 1 / @ 1 @
6 1 / 6 1
6
- 4 4@
B ; . ( : *@ @ 4: +
- 8:@@ " . & E " .@ @ + 6 /8 6. 6$ @ 1 @ 1
6
B ; . ( : 4@ @ : 9 9 - 8:@@ "
6. . 6& 6- -" .@ 6 1 6 . "- .
B ; . ( : @ @ : 9
- 8:@@ " / " /@F $+ * @ - 8 "- .
B ; . ( : @ @ :
BAB I PE DAHULUA I.1 Latar Belakang Masalah
! !
" ! # $
% &
' '
( ")
! ' &
I.2 Perumusan Masalah
- ")
I.3 Maksud dan Tujuan
")
- ,
!
- &
" '
'
I.4 Batasan Masalah
- ! . /
" .
! "
1 2 # & & # ' &
% /
3 /
' 4 # " /
I.5 Metodologi Penelitian
5 '
"
5
5 6 $
7
Gambar I.1Model [9]
8 ! &
- % & % &
9
# ' '
&
' '
'
!
( (
I.6 Sistematika Penulisan
- 8 :;) (4#4 ;
- '
- 88 # ;) ! ; 5:<=8
- '
- 888 ; #8!8! ) ; := ;> ;7 ; !8!5: >")
- 8? 8 #: :;5 !8 ) ; :;74@8 ; !
- '
- ? 9:!8 4# ; ) ; ! = ;
BAB II LA DASA TEORI II.1 II.1.1 Pengertian
!" #
$ % $ %
& '
( ) $ *+% ,
, $ %
( ) $ .% -
! / $ !-% $ %
1 ,
2+3
II.1.2 Dampak yang Ditimbulkan Akibat
243' 5 & &
- 5 #
6 '
7
7
7
8
7
7 6 (
7
II.1.3 Faktor"faktor yang Mempengaruhi
7 ( 243' 9 :
; #
5 !" <
8 $ %
: =
9 8 -
6
6 5 $ % = (
1 ,
,
II.1.4
6 2 -3
- 1
> $ %
1
1
5 )
$ %
II.2 II.2.1 Teori Bermain
6 2 3'
6 $ * ! * 4%
&
!" $( ) **! # .%
&
!" $7 * *%
& #
!" $7@ ". / !%
&
# " !" $5 %
& &
!" $( "- 0 %
& 6 -
$ % $( %
&
5
" !" $9 "*%
&
" !" $& !" 5
9 ! % &
$ , &
& !" $# .-%
& A
,
II.2.2 Pengertian #
5: 2!3 # ,
2-3'
# & '' # - #
2 *3 ' =
1 = 1 -
! = = > =
6
6
6 5 + &
4 # #
6 II.2.3
%
6 B ( =
A , # -1
& # & "
& = &
;
) *& "
2 !3
II.3 yang digunakan
II.3.1
- * + * $??#%
1 ??# $ % C
# '
$ % D
, E " &
$ % $
??#%
1 ? $* + % -
? ! 5 $- %
F F #
- 8 $ % =
G ?
4 # $ " %
6 F F &
: ,
. : $$ " % = $ % " &
" & $
% 2*3
II.3.2 . / $A=(%
$??% A=( - !
A=( 7 ::
Gambar II.1 Klasifikasi Jenis Diagram UML[1]
'
% % -
! %
%
- % % 4 ( %
A=( . * + %
- - & %
1
" & * .
A
/ " % " &
"
1 %
1
%
- $ *& & %
&
1
! ! % 2 3
II.3.3 Actionscript 3.0
5
5 9 # 5 5:H 5
"
9
9 I 5:H
5
5 B = $5B=% 9 # 5:H
5 $
%
5 9 0 + #
5
9 I &
5
9 I 1 ) /9 9 # 5:H 5 ! "
, 5 ! " 5 9 #
5B=- , 5 ! "
5 B
5 B =
5B= 5 " 5 - " 5B=
9 # " 5 ! "
&
& + 5 ! " , '
5 B =
5B=-
- ,
! # $5#:%
- + &
J=( 5#: 80=5 + J=( $8+J% $80=5 !4 -% 8+J
80=5 J=( 4 , % * + / $1?=% ( , ! & 2 3
II.3.4 Adobe Flash Profesional CS5.5
5
9
5
5 : # &
#
5
5 9 0 4 4 $0 , 4 4% ,
- 8
9
6
" &
9
5 A1 4 - & - &
" $ A1%
) ,
2 &
0#A
" /9 0#A ( 9 "
,
5
%
& 9 # 0 4 4'
- A1
- - &
- - & .
" 9 # " , 9(5
- 5 #
8I !1 "
= !1 - + / ( $ & % &
5 9 # 0 + !1 , !1
9 0 + '
8I 5 , 1 5 #
5 #
&
8I
/9 2 "3
5 # ' 5 # 5 #
5 # * 5 # 1 5 # 0 +
3
3 &
5 # 5 : # -""! 5
II.3.5 Adobe Photosop CS 4
&
BAB III A ALISIS DA PERA CA GA SISTEM III.1 Analisis Sistem
game game
III.1.1 Analisis Sejenis
III.1.1.1 Super Mario Bros game platform setting Mushroom
Kingdom
! " game # $%&'
Game (Super Mario Bros”
) % * background Game
single screen gameplay screen.
# + , timer - .
game )
% /
game
. game
, 1 #
platform
& / reward
high score
/ $%2'
III.1.1.2
Sonic The Hedgehog # game
. Game platform . "
- # (Eggman3 4 /
. Chaos Emeralds.$% '
) % /
Super Mario Bros.
# , -
golden ring
. ring" . golden ring
" & - reward %55 ring extra life. .
game )
% . game / reward
Game (Sonic The Hedgehog”
. " :
# game
III.1.2.1
9 III.1.2 Analisis Game yang Akan Dikembangkan
" # , Cut Scenes / - / - -
High Score / - / - -
! / - / - %5Super Mario Bros Sonic The Hedgehog Dasar Jana Graphics %0 %0 %0 Sound
/ +++ % - 1 .
8 game / +++ %
cut scenes
, - reward high score &
, / $%0'
Character)
% sound " # , 6 7+on"Playable
. game )
Game platform genre action, adventure
% side scrolling
Hedgehog” )
III.1.1.3 Game (Dasar Jana: Mengejar Dewi Suda” “Super Mario Bros” (Sonic The
"
review
: "
- : *
: /
" < " .
/ " . "
: :
III.1.2.2 Analisis Level
Game : # #
# # #
user . # user
# user #
# enemy background sound
game
#
user
III.1.2.3 user game : " .
# - # # > # " .
user obstacle enemy
.
enemy, user
#
health point
7high score? /
game, mouse game keyboard
: > user : / +++
/ +++ > 1 :
> Arrow Right : Arrow Left : Arrow Up :
- : . :
III.1.2.4 Scoring reward user
) % . +
User
%5 / +++ &
. Enemy
User enemy 7 defeat point? enemy
# enemy.
enemy / +++ ,
, . Health Point
Health point " user. " user health point
%55 health point &5@ ceil .
7
user user ? list
7
username ?
III.1.2.5
A game 7obstacle).
- / +++ , +++ &
/ +++ , > . > Game
> > > Health Point ) %55 : karakter Attack Point game Hit/menyerang dengan menggunakan tas ) % KickB/ ) %5
: /
6 Health Point ) 5 Attack Point ) Defeat Point )
/
6 Health Point ) ,5 " Attack Point ) %5 Defeat Point ) %5
- Health Point ) 5
# - Attack Point
6 Hit / ) % : KickB/ ) %5 Defeat Point ) %55
- :
6 Health Point ) ,5 Attack Point ) % Defeat Point ) %
: !
6 Health Point ) ,5 Attack Point ) %5 Defeat Point ) %5
> > > # Health Point ) 05
6 Attack Point ) %
KickB/ ) %5
Defeat Point ) % 5- #
Health Point ) 25
6 Attack Point
- ) 5
KickB/ ) %
Defeat Point ) 55/ +++ & / Game +
- .
score %5 .
Health Point % .
Health Point %5
- / Obstacle / Game
- . .
health point
- .
health point
2 . health point %5
III.1.2.6
Storyboard storyboard
"
Storyboard game “Da “Dasar Jana: Mengejar Dewi Suda”
1
- %
1 1 +++ &
Gambar III.1 Heads Up Disp Display 78C ?
8C
game “Dasar Jana: Mengejar Dewi Suda” game
8
bar Gam
Cut scene
#
cut sc Gambar
8
7Health Point)
score
"
Gambar III.2 game
# game “Dasar Jana: Mengejar Dew
t scene user # mbar III.3 Contoh Sketsa !
1
"
Dewi Suda”
Gambar III.4 Contoh Sketsa ! Ga
2 III.1.3 Analisis ! Collision dete detection collision game Dasar Jana: Mengejar Dewi Suda ga collision detection, library D
! game
co collision detection ) )
% Collision Detectio ection Player Item, Obstacle, Enemy my
Collision detec etection player
item, obstacle, enemy en library D D / A bounding boxes stage D collision. + coll collision detection / A1 1 +++
Gambar III.5 Ilustrasi ! dengan Menggunakan
hitTestObject
/ A
collision bounding box
1 +++ 0
Gambar III.6 Ilustrasi Kekurangan Method hitTestObject
/ A
collision detection player item,obstacle enemy
7 ?
game
,5 fps 7frame per second?
bounding box
"
collision detection
Collision Detection Player Enemy
/ A
collision player enemy blocking player enemy, collision detection player enemy axis" based collision detection. /
$%%' ! E dx,
- E ! )
dx = A.x – B.x (1)
!
dy,
- !
)
dy = B.y – A.y (2)
! E ox, ! -
! ) -
ox = A.lebar/2 + B.lebar/2 " |dx| (3)
!
ox,
! - !
) -
oy = A.tinggi/2 + B.tinggi/2 " |dy| (4)
> collision
axis"based )
- %
E + E E F 5
:
- F 5
, :
collision . > collision )
: ox G oy dx G 5
collision dx G 5 collision
: ox G oy dy G 5
collision dy G 5 collision "
6 collision detection axis"based 1 +++ 2 1 +++ ;
Gambar III.7 Ilustrasi Pengecekan Dengan Metode "# $
1
1 +++ 2 player
- ! registration point 7 ,? enemy
registration point 7, 0?
collision. *
! )
dx H , H %I dy H , 0 H ,I ox H B J B K%K H %I
> % ox H % - ox F 5L ! oy H % - oy F 5L . > 1 +++ 2
collision Gambar III.8 Ilustrasi Pengecekan Dengan Metode "# $
2
1 +++ ; player
- ! registration point 7 ,? enemy
registration point 7, &? collision. *
! )
dx H , H %I dy H , & H %I
ox H B J B K%K H %I
oy H B J B K %K H %
> % ox H % - ox F 5L !
oy H % - oy F 5L !
- dy G 5L ! >
1 +++ ; collision ! -
III.1.4 Analisis Kebutuhan on Fungsional
- III.1.4.1 Analisis Kebutuhan Perangkat Keras
game “Dasar Jana: Mengejar Dewi Suda” )
% )
18M N1- ) % ; !
, 4- ) % 1! & 8 ) , 5 1!
) %& > 2 .
game “Dasar Jana: Mengejar Dewi Suda” )
18M N1- ) % ; !
, 4- ) % 1! & 8 ) &5 1!
) %& > 2 . 7 ?
) % )
6
18M N1- ) !
, 4- ) 1!
% )
) %& > 2 .
8 #
upgrade
III.1.4.2 Analisis Kebutuhan Perangkat Lunak
game “Dasar Jana: Mengejar Dewi Suda” )
% . A < " 2
- D 6.
, - 6. & & D %5
game “Dasar Jana: Mengejar Dewi Suda” )
% . A < " O D %5
) % . A < " 2 7, ?
- D 6.
, - 6. & & D %% 0 8 #
III.1.4.3 Analisis Pengguna Game
" )
% ) C ) * %5
, / > ) & ) game
!
- )
III.1.5 Analisis Kebutuhan Fungsional
- III.1.5.1 !
Use case . game # % game # game # , Use case diagram
1 +++ =
Gambar III.9 ! Aplikasi
III.1.5.1.1 Identifikasi Aktor
> C * 7roles)
end user, user
III.1.5.1.2 Definisi ! use case use case use case / +++ 0
/ +++ 0 Use Case
Use Case %
Use Case
Game * # % game #
, Game * # game # & Game * # , game #> game
. / game
2 . / game
; game
= / > game %5 . game
III.1.5.1.3 Skenario !
. use case
use case user user user use case . use case use case diagram / +++ 2
/ +++ %0 ) / +++ 2 Use Case Scenario
- % / game Dasar Jana: Mengejar Dewi Suda
User - > -" User game .
- 4 . - % game % , game # - .
- 4 . - % game % , " & " %
game #
/ +++ ; Use Case Scenario Game * # %
- Game * # %
/ game Dasar Jana: Mengejar Dewi Suda # game # User -
> -" User # .
- 4 - . %
6 , & enter keyboard
2 , ; game #
- .
- 4 . - %
6 , & enter keyboard
2 "
; "
= , %5 " %% " , % game #- > User #
/ +++ = Use Case Scenario Game * #
- ,
Game * # / game Dasar Jana: Mengejar Dewi Suda # game #
- User > -" User # .
- 4 .
% 6 ,
& enter keyboard
&
2 ; game # . -
- 4 .
% 6 ,
& enter keyboard
& 2 " ; " & =
%5 " %% " % game # > - User #
/ +++ %5 Use Case Scenario Game * # ,
- &
Game * # ,
/ game Dasar Jana: Mengejar Dewi Suda #
game #- User > -" User # .
- 4 .
% 6 ,
enter keyboard > - User #
/ +++ %% Use Case Scenario >
- > /
- User > -" User 7 # # # ? .
- 4 .
game Dasar Jana: Mengejar Dewi Suda game
% 7right arrow? keyboard
, . - %
- 4 .
- 4 .
- 4 .
- 4 .
% 7left arrow? keyboard
, . -
% 7up arrow? keyboard
, . - ,
% 7-? keyboard
, . - &
% 7.? keyboard , > - User game
/ +++ % Use Case Scenario . /
- . / / username
- User > -" User user M
board game
username ok .
- 4 .
- 4 .
- 2 . / /
- User > -" User game .
- 4 .
- 4 .
% username ok
, username & . -
% username ok
, username & > - User .
/ +++ %, Use Case Scenario . /
game Dasar Jana: Mengejar Dewi Suda game
% game
. -
> - User
/ +++ %& Use Case Scenario
- ;
- User > -" User game .
- 4 .
Mengejar Dewi Suda game
% game
. -
- 4 .
- = / > /
- User > -" User game .
- 4 .
- 4 .
- %5 .
- User > -" User game .
- 4 . >, game > - User game . -
- 4 .
> - User game
/ +++ % Use Case Scenario / >
game game
% game
. -
> - User game / +++ %0 Use Case Scenario .
/ game Dasar Jana: Mengejar Dewi Suda
game
% sound on
% sound off , game
- > User game
III.1.5.2 " %
Activity diagram behavior
activity diagram game
1
- %5 1 +++ %=
% Activity Diagram
user game game Dasar Jana. . % : user lewati
"
user lewati
> game #
Gambar III.10 " % Memulai Permainan
Activity Diagram1 * # %
user
7playing screen? # User
keyboard +on"Playable Character 7 6? : user
: user enter keyboard : user lewati
" , : user
lewati " , game #
!"# $ $ % %
Gambar III.11 " % Mainkan Game Level 1
, Activity Diagram 1 * #
user
7playing screen? # User
keyboard +on"Playable Character 7 6? : user
: user enter keyboard & : user lewati
" & : user
lewati " game #
Gambar III.12 " % Mainkan Game Level 2
& Activity Diagram 1 * # ,
user
7playing screen? # User !"# & ' ' '
Character 7 6? : user
" . : user enter keyboard " .
!"# " (
Gambar III.13 " % Mainkan Game Level 3
Activity Diagram > user7playing screen? User
keyboard : user right arrow
: user left arrow : user up arrow
: user (-3 : user (.3
) *
)
)
) +)
Gambar III.14 " % Menggerakkan KarakterActivity Diagram . / user
> " user username User username user ok. .
username :
Gambar III.15 " % Menyimpan Skor Tertinggi
2 Activity Diagram . /
user game Dasar Jana. . game user game
Gambar III.16 " % Menampilkan Skor Tertinggi
; Activity Diagram
user game Dasar Jana. . game game
Gambar III.17 " % Menampilkan Petunjuk
= Activity Diagram / >
user game Dasar Jana. . game game
Gambar III.18 " % Menampilkan Tentang Kreator
%5 Activity Diagram * user game. .
game
: user
sound on user sound off
Gambar III.19 " % Mengatur Suara
III.1.5.3 &
Sequence Diagram
"
use case sequence diagram game
1 +++ 5 1 +++ = **
- **
- 12 /
- 12 /
- 4
** **
:**12
% Sequence Diagram
Gambar III.20 & Memulai Permainan , , - . , - .
, - ./ , 0 .
# 12
12 /
12
12
12 3 ! / 12 /
12
12
12
Sequence Diagram Game * # %
, - ./ , " , + , 0 .
* , 4 4 12 * 12 4 5 12 # 412
# 12 4 12 " 12 $12 12 $12 / 12 %12 3 ! %12 12 12 $12 / 3 ! / 12 12 Gambar III.21 & Mainkan Level 1, Sequence Diagram Game * # , - ./ , " , " , 0 .
, $ 4 12 *
12
4
5
12
4
12
#
12 #4
12 " 12 &12
12 '12 /
12 %12 3 !
12
12 '12 3 ! /
12 / 12 %12
Gambar III.22 & Mainkan Level 2
& Sequence Diagram Game * # ,
Gambar III.23 & Mainkan Level 3
Sequence Diagram >
Gambar III.24 & Menggerakkan Karakter
, , " , - ./ , 0 . , 6 % 4 5 12 * 4 12 * 4 12 4 12 # 12#
4 12 " 12 (12 , , ""
12
7
12 # 12 #
12
Sequence Diagram . / Gambar III.25 & Menyimpan Skor Tertinggi
2 Sequence Diagram . /
Gambar III.26 & Menampilkan Skor Tertinggi , , - . , 8 .9 : # 12 6 12 12 5 12 , , - .
3 #
12
; Sequence Diagram
Gambar III.27 & Menampilkan Petunjuk
= Sequence Diagram / >
Gambar III.28 & Menampilkan Tentang Kreator , , - .
" #
12 , , - .
; * #
12
%5 Sequence Diagram .
, . ,
12 : 12
Gambar III.29 & Mengatur Suara
III.1.5.4 !
Class Diagram Class diagram class class diagram game
1 +++ ,5 class / +++ %;