Upload
hafrizal
View
220
Download
0
Embed Size (px)
Citation preview
7/26/2019 Modul Workshop- Jungle Panda Run
1/107
Construct 2 Game Develoment : Jungle Panda Run
Windows 8 l Windows Phone 8 l Web l Mobile l
Android land more!
By: Hermanto
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
2/107
Getting Started
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
3/107
Hermanto : AMIK BSI PONTIANAK
https://www.scirra.com/
Download!
Step 1
7/26/2019 Modul Workshop- Jungle Panda Run
4/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Run it!
7/26/2019 Modul Workshop- Jungle Panda Run
5/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Click
File New
7/26/2019 Modul Workshop- Jungle Panda Run
6/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Open!
7/26/2019 Modul Workshop- Jungle Panda Run
7/107
Hermanto : AMIK BSI PONTIANAK
Properties
ToolbarProjects/Layers
Objects
Tabs for Layouts & Event Sheets
Layout
7/26/2019 Modul Workshop- Jungle Panda Run
8/107
Prepare Your Layouts
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
9/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Right-Click to
Rename Layout
7/26/2019 Modul Workshop- Jungle Panda Run
10/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Enter Start
7/26/2019 Modul Workshop- Jungle Panda Run
11/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Right-click
Layouts folder
to Add layout
7/26/2019 Modul Workshop- Jungle Panda Run
12/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Add event sheet
7/26/2019 Modul Workshop- Jungle Panda Run
13/107
Step 5
Hermanto : AMIK BSI PONTIANAK
Right-Click
new Layout
to Rename it
7/26/2019 Modul Workshop- Jungle Panda Run
14/107
Step 6
Hermanto : AMIK BSI PONTIANAK
Enter Game
7/26/2019 Modul Workshop- Jungle Panda Run
15/107
Step 7
Hermanto : AMIK BSI PONTIANAK
Change Layout Size
for the Game LayerLayout Size:
Width: 4000
Height: 400
7/26/2019 Modul Workshop- Jungle Panda Run
16/107
Add Play Button
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
17/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Go toStart screen
7/26/2019 Modul Workshop- Jungle Panda Run
18/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Right-click, thenInsert New
Object
7/26/2019 Modul Workshop- Jungle Panda Run
19/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Select Button
Click Insert
7/26/2019 Modul Workshop- Jungle Panda Run
20/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Click Disni
7/26/2019 Modul Workshop- Jungle Panda Run
21/107
Step 5
Hermanto : AMIK BSI PONTIANAK
Enter
Play
7/26/2019 Modul Workshop- Jungle Panda Run
22/107
Add Button Event
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
23/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Go to Event sheet 1
for Start layout
7/26/2019 Modul Workshop- Jungle Panda Run
24/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Click Add event
7/26/2019 Modul Workshop- Jungle Panda Run
25/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Select Button
Click Next
7/26/2019 Modul Workshop- Jungle Panda Run
26/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Select
On clicked
Click Done
7/26/2019 Modul Workshop- Jungle Panda Run
27/107
Step 5
Hermanto : AMIK BSI PONTIANAK
Click Add action
7/26/2019 Modul Workshop- Jungle Panda Run
28/107
Step 6
Hermanto : AMIK BSI PONTIANAK
Select
System
Click Next
7/26/2019 Modul Workshop- Jungle Panda Run
29/107
Step 7
Hermanto : AMIK BSI PONTIANAK
Select
Go to layout
Click Next
7/26/2019 Modul Workshop- Jungle Panda Run
30/107
Step 8
Hermanto : AMIK BSI PONTIANAK
Click Done
7/26/2019 Modul Workshop- Jungle Panda Run
31/107
Step 9
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
32/107
Add Tiled Background
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
33/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Ganti nama layer
menjadi Game
7/26/2019 Modul Workshop- Jungle Panda Run
34/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Clik kanan untuk
menambah layer
7/26/2019 Modul Workshop- Jungle Panda Run
35/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Ganti nama layer
tersebut, sehingga
tampak seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
36/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Klik kanan pilih
insert new objectPasti kan berada di
layer background
7/26/2019 Modul Workshop- Jungle Panda Run
37/107
Step 5
Hermanto : AMIK BSI PONTIANAK
Select title background
Klik insert
7/26/2019 Modul Workshop- Jungle Panda Run
38/107
Step 6
Hermanto : AMIK BSI PONTIANAK
Klik load image
7/26/2019 Modul Workshop- Jungle Panda Run
39/107
Step 7
Hermanto : AMIK BSI PONTIANAK
Atur ukuran gambar background
Menjadi
Width :700
Height: 400
7/26/2019 Modul Workshop- Jungle Panda Run
40/107
Step 8
Hermanto : AMIK BSI PONTIANAK
Klik close
7/26/2019 Modul Workshop- Jungle Panda Run
41/107
Step 9
Hermanto : AMIK BSI PONTIANAK
Akan tampak seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
42/107
Add tanah
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
43/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Klik kanan pada layout
pilih new object
7/26/2019 Modul Workshop- Jungle Panda Run
44/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Select sprite
Klik insert
7/26/2019 Modul Workshop- Jungle Panda Run
45/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Atur set collision polygon
Untuk player berjalan di
atas nya
7/26/2019 Modul Workshop- Jungle Panda Run
46/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Atur tikah
laku sitanah
7/26/2019 Modul Workshop- Jungle Panda Run
47/107
Step 5
Hermanto : AMIK BSI PONTIANAK
Klik tambah
7/26/2019 Modul Workshop- Jungle Panda Run
48/107
Step 6
Hermanto : AMIK BSI PONTIANAK
Select solid
Klik add
7/26/2019 Modul Workshop- Jungle Panda Run
49/107
Step 7
Hermanto : AMIK BSI PONTIANAK
Akan tampak seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
50/107
Step 7
Hermanto : AMIK BSI PONTIANAK
Copy, paste tanah
sehingga seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
51/107
Add Player
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
52/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Ganti nama animation
menjadi berhenti
7/26/2019 Modul Workshop- Jungle Panda Run
53/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Klik kanan add animation
7/26/2019 Modul Workshop- Jungle Panda Run
54/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Akan tampak seperti ini
ada 3 animasi untuk
player
7/26/2019 Modul Workshop- Jungle Panda Run
55/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Klik kanan pilih
import frame ->
from files
7/26/2019 Modul Workshop- Jungle Panda Run
56/107
Step 5
Hermanto : AMIK BSI PONTIANAK
Pilih object player
7/26/2019 Modul Workshop- Jungle Panda Run
57/107
Step 6
Hermanto : AMIK BSI PONTIANAK
Akan tambah seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
58/107
Step 7
Hermanto : AMIK BSI PONTIANAK
Klik close
7/26/2019 Modul Workshop- Jungle Panda Run
59/107
Step 8
Hermanto : AMIK BSI PONTIANAK
Akan tampak seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
60/107
Step 9
Hermanto : AMIK BSI PONTIANAK
Jangan lupa mengganti
nama object palyer &
tanah
7/26/2019 Modul Workshop- Jungle Panda Run
61/107
Komponen untuk arah player
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
62/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Select keyboard
& Touch
7/26/2019 Modul Workshop- Jungle Panda Run
63/107
Mengatur Gerak player
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
64/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Klik behaviors
7/26/2019 Modul Workshop- Jungle Panda Run
65/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Select flatfrom
Klik add
7/26/2019 Modul Workshop- Jungle Panda Run
66/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Selectscroll to
Klik add
7/26/2019 Modul Workshop- Jungle Panda Run
67/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Akan tampak seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
68/107
Mengatur Gerak Player dengan keyboard
Hermanto : AMIK BSI PONTIANAK
7/26/2019 Modul Workshop- Jungle Panda Run
69/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Klik event sheet 2
7/26/2019 Modul Workshop- Jungle Panda Run
70/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Selectkeyboard
Klik next
7/26/2019 Modul Workshop- Jungle Panda Run
71/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Selectkey is
down
Klik next
7/26/2019 Modul Workshop- Jungle Panda Run
72/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Klikto choose lalu pilih right arrow
7/26/2019 Modul Workshop- Jungle Panda Run
73/107
Step 5
Hermanto : AMIK BSI PONTIANAK
Akan seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
74/107
Step 6
Hermanto : AMIK BSI PONTIANAK
Klik add action
7/26/2019 Modul Workshop- Jungle Panda Run
75/107
Step 7
Hermanto : AMIK BSI PONTIANAK
Select player
lalu klik next
7/26/2019 Modul Workshop- Jungle Panda Run
76/107
Step 8
Hermanto : AMIK BSI PONTIANAK
Select set mirrored
Lalu klik next
7/26/2019 Modul Workshop- Jungle Panda Run
77/107
Step 9
Hermanto : AMIK BSI PONTIANAK
Pilih Not mirrored
7/26/2019 Modul Workshop- Jungle Panda Run
78/107
Step 9
Hermanto : AMIK BSI PONTIANAK
Akan seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
79/107
Step 10
Hermanto : AMIK BSI PONTIANAK
Select simulate control
7/26/2019 Modul Workshop- Jungle Panda Run
80/107
Step 11
Hermanto : AMIK BSI PONTIANAK
Pilih Right
7/26/2019 Modul Workshop- Jungle Panda Run
81/107
Step 12
Hermanto : AMIK BSI PONTIANAK
Masih di player.
Select set animation
S 13
7/26/2019 Modul Workshop- Jungle Panda Run
82/107
Step 13
Hermanto : AMIK BSI PONTIANAK
Masukan animation
player jalan
S 14
7/26/2019 Modul Workshop- Jungle Panda Run
83/107
Step 14
Hermanto : AMIK BSI PONTIANAK
Akan tampak seperti ini
Lakukan untuk Left hampir sama seperti di Right
S 15
7/26/2019 Modul Workshop- Jungle Panda Run
84/107
Step 15
Hermanto : AMIK BSI PONTIANAK
Pilih up arrow
Untuk player melompat
St 16
7/26/2019 Modul Workshop- Jungle Panda Run
85/107
Step 16
Hermanto : AMIK BSI PONTIANAK
Pilih jump supaya player
melompat saat tekantombol up arrow
Lalu klik done
St 17
7/26/2019 Modul Workshop- Jungle Panda Run
86/107
Step 17
Hermanto : AMIK BSI PONTIANAK
Akan tampak seperti
ini
7/26/2019 Modul Workshop- Jungle Panda Run
87/107
Mengatur Gerak Player Touch
Hermanto : AMIK BSI PONTIANAK
St 1
7/26/2019 Modul Workshop- Jungle Panda Run
88/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Select is touching
object
Setelah itu klikNext
St 2
7/26/2019 Modul Workshop- Jungle Panda Run
89/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Pilih Object maju
Setelah itu sama tambah kan Animation sepertimenggunakan tombol keyboard di atas untuk player
bisa berjalan dan melompat.
St 3
7/26/2019 Modul Workshop- Jungle Panda Run
90/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Akan tampak seperti ini
7/26/2019 Modul Workshop- Jungle Panda Run
91/107
Menambah kan point
Hermanto : AMIK BSI PONTIANAK
Step 1
7/26/2019 Modul Workshop- Jungle Panda Run
92/107
Step 1
Hermanto : AMIK BSI PONTIANAK
Sama seperti sebelum nya untuk menambah koin, klik kanan tambah object
Select sprite-> lalu insert koin. Lalu copy pasti koin nya sebanyak untuk player
Melanggar akan menambah angka point
Step 2
7/26/2019 Modul Workshop- Jungle Panda Run
93/107
Step 2
Hermanto : AMIK BSI PONTIANAK
Select object
player lalu
nenxt
Step 3
7/26/2019 Modul Workshop- Jungle Panda Run
94/107
Step 3
Hermanto : AMIK BSI PONTIANAK
Select object is overlapping
another object
Step 4
7/26/2019 Modul Workshop- Jungle Panda Run
95/107
Step 4
Hermanto : AMIK BSI PONTIANAK
Pilih Object koin lalu klik Done
Step 5
7/26/2019 Modul Workshop- Jungle Panda Run
96/107
Step 5
Hermanto : AMIK BSI PONTIANAK
Klik system->
select create
Objek .
Lalu klik next
Step 6
7/26/2019 Modul Workshop- Jungle Panda Run
97/107
Step 6
Hermanto : AMIK BSI PONTIANAK
Pilih object angkapoint
layer game
Sumbu x : player.X
Sumbu Y: player.Y
Lalu klik Done
Step 7
7/26/2019 Modul Workshop- Jungle Panda Run
98/107
Step 7
Hermanto : AMIK BSI PONTIANAK
Pilih object angka point.
Select set position
Lalu klik Next
Step 8
7/26/2019 Modul Workshop- Jungle Panda Run
99/107
Step 8
Hermanto : AMIK BSI PONTIANAK
Sumbu x : angkapoint1.X
Sumbu y: angkapoint1.Y+5
Lalu klik Done
Step 9
7/26/2019 Modul Workshop- Jungle Panda Run
100/107
Step 9
Hermanto : AMIK BSI PONTIANAK
Klik system->select wait
Atur waktu lama angka point akan muncul
Seconds: 0.04
Lalu klik Done
Step 10
7/26/2019 Modul Workshop- Jungle Panda Run
101/107
Step 10
Hermanto : AMIK BSI PONTIANAK
Klik kanan pilih -> add globall variable -> darah->typenumber-> intial value 100.
score=type number-> intial value =0
Step 11
7/26/2019 Modul Workshop- Jungle Panda Run
102/107
Step 11
Hermanto : AMIK BSI PONTIANAK
Klik system->select
every tick
Step 12
7/26/2019 Modul Workshop- Jungle Panda Run
103/107
Step 12
Hermanto : AMIK BSI PONTIANAK
Atur untuk nilai score
Step 13
7/26/2019 Modul Workshop- Jungle Panda Run
104/107
Step 13
Hermanto : AMIK BSI PONTIANAK
atur Untuk darah player
Step 14
7/26/2019 Modul Workshop- Jungle Panda Run
105/107
Step 14
Hermanto : AMIK BSI PONTIANAK
Klik sytem-> select compare variable
Step 15
7/26/2019 Modul Workshop- Jungle Panda Run
106/107
Step 15
Hermanto : AMIK BSI PONTIANAK
Akan tampak
seperti ini
Step 16
7/26/2019 Modul Workshop- Jungle Panda Run
107/107
Step 16