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

Getting Started

Hermanto : AMIK BSI PONTIANAK

Step 1

https://www.scirra.com/
Download!
Hermanto : AMIK BSI PONTIANAK

Step 2

Run it!

Hermanto : AMIK BSI PONTIANAK

Step 3
Click
File

Hermanto : AMIK BSI PONTIANAK

New

Step 4

Open!
Hermanto : AMIK BSI PONTIANAK

Toolbar

Projects/Layers

Tabs for Layouts & Event Sheets

Properties

Layout

Hermanto : AMIK BSI PONTIANAK

Objects

Prepare Your Layouts

Hermanto : AMIK BSI PONTIANAK

Step 1

Right-Click to
Rename Layout

Hermanto : AMIK BSI PONTIANAK

Step 2

Enter Start

Hermanto : AMIK BSI PONTIANAK

Step 3

Right-click
Layouts folder
to Add layout

Hermanto : AMIK BSI PONTIANAK

Step 4

Add event sheet

Hermanto : AMIK BSI PONTIANAK

Step 5

Right-Click
new Layout
to Rename it

Hermanto : AMIK BSI PONTIANAK

Step 6

Enter Game

Hermanto : AMIK BSI PONTIANAK

Step 7

Change Layout Size

for the Game LayerLayout Size:
Width: 4000
Height: 400

Hermanto : AMIK BSI PONTIANAK

Add Play Button

Hermanto : AMIK BSI PONTIANAK

Step 1

Go to
Start screen

Hermanto : AMIK BSI PONTIANAK

Step 2

Right-click, then
Insert New
Object

Hermanto : AMIK BSI PONTIANAK

Step 3

Select Button

Click Insert
Hermanto : AMIK BSI PONTIANAK

Step 4

Click Disni

Hermanto : AMIK BSI PONTIANAK

Step 5

Enter
Play

Hermanto : AMIK BSI PONTIANAK

Add Button Event

Hermanto : AMIK BSI PONTIANAK

Step 1

Go to Event sheet 1
for Start layout

Hermanto : AMIK BSI PONTIANAK

Step 2

Click Add event

Hermanto : AMIK BSI PONTIANAK

Step 3

Select Button

Click Next
Hermanto : AMIK BSI PONTIANAK

Step 4

Select
On clicked

Click Done
Hermanto : AMIK BSI PONTIANAK

Step 5

Click Add action

Hermanto : AMIK BSI PONTIANAK

Step 6

Select
System

Click Next
Hermanto : AMIK BSI PONTIANAK

Step 7

Select
Go to layout

Click Next
Hermanto : AMIK BSI PONTIANAK

Step 8

Click Done

Hermanto : AMIK BSI PONTIANAK

Step 9

Hermanto : AMIK BSI PONTIANAK

Add Tiled Background

Hermanto : AMIK BSI PONTIANAK

Step 1

Ganti nama layer

menjadi Game

Hermanto : AMIK BSI PONTIANAK

Step 2

Clik kanan untuk

menambah layer

Hermanto : AMIK BSI PONTIANAK

Step 3

Ganti nama layer

tersebut, sehingga
tampak seperti ini

Hermanto : AMIK BSI PONTIANAK

Step 4

Klik kanan pilih

insert new object

Hermanto : AMIK BSI PONTIANAK

Pasti kan berada di

layer background

Step 5

Select title background

Klik insert
Hermanto : AMIK BSI PONTIANAK

Step 6

Klik load image

Hermanto : AMIK BSI PONTIANAK

Step 7

Atur ukuran gambar background

Menjadi
Width :700
Height: 400
Hermanto : AMIK BSI PONTIANAK

Step 8

Klik close

Hermanto : AMIK BSI PONTIANAK

Step 9

Akan tampak seperti ini

Hermanto : AMIK BSI PONTIANAK

Add tanah

Hermanto : AMIK BSI PONTIANAK

Step 1

Klik kanan pada layout

pilih new object

Hermanto : AMIK BSI PONTIANAK

Step 2

Select sprite

Klik insert
Hermanto : AMIK BSI PONTIANAK

Step 3

Atur set collision polygon

Untuk player berjalan di
atas nya

Hermanto : AMIK BSI PONTIANAK

Step 4

Atur tikah
laku si
tanah

Hermanto : AMIK BSI PONTIANAK

Step 5

Klik tambah

Hermanto : AMIK BSI PONTIANAK

Step 6

Select solid

Klik add

Hermanto : AMIK BSI PONTIANAK

Step 7

Akan tampak seperti ini

Hermanto : AMIK BSI PONTIANAK

Step 7

Copy, paste tanah

sehingga seperti ini

Hermanto : AMIK BSI PONTIANAK

Add Player

Hermanto : AMIK BSI PONTIANAK

Step 1

Ganti nama animation

menjadi berhenti

Hermanto : AMIK BSI PONTIANAK

Step 2

Klik kanan add animation

Hermanto : AMIK BSI PONTIANAK

Step 3
Akan tampak seperti ini
ada 3 animasi untuk
player

Hermanto : AMIK BSI PONTIANAK

Step 4

Klik kanan pilih

import frame ->
from files

Hermanto : AMIK BSI PONTIANAK

Step 5

Pilih object player

Hermanto : AMIK BSI PONTIANAK

Step 6

Akan tambah seperti ini

Hermanto : AMIK BSI PONTIANAK

Step 7

Klik close

Hermanto : AMIK BSI PONTIANAK

Step 8

Akan tampak seperti ini

Hermanto : AMIK BSI PONTIANAK

Step 9

Jangan lupa mengganti

nama object palyer &
tanah

Hermanto : AMIK BSI PONTIANAK

Komponen untuk arah player

Hermanto : AMIK BSI PONTIANAK

Step 1

Select keyboard
& Touch

Hermanto : AMIK BSI PONTIANAK

Mengatur Gerak player

Hermanto : AMIK BSI PONTIANAK

Step 1

Klik behaviors

Hermanto : AMIK BSI PONTIANAK

Step 2

Select flatfrom

Klik add

Hermanto : AMIK BSI PONTIANAK

Step 3

Selectscroll to

Klik add

Hermanto : AMIK BSI PONTIANAK

Step 4

Akan tampak seperti ini

Hermanto : AMIK BSI PONTIANAK

Mengatur Gerak Player dengan keyboard

Hermanto : AMIK BSI PONTIANAK

Step 1

Klik event sheet 2

Hermanto : AMIK BSI PONTIANAK

Step 2
Selectkeyboard

Klik next
Hermanto : AMIK BSI PONTIANAK

Step 3

Selectkey is
down

Klik next
Hermanto : AMIK BSI PONTIANAK

Step 4

Klikto choose lalu pilih right arrow

Hermanto : AMIK BSI PONTIANAK

Step 5

Akan seperti ini

Hermanto : AMIK BSI PONTIANAK

Step 6

Klik add action

Hermanto : AMIK BSI PONTIANAK

Step 7

Select player
lalu klik next

Hermanto : AMIK BSI PONTIANAK

Step 8

Select set mirrored

Lalu klik next

Hermanto : AMIK BSI PONTIANAK

Step 9

Pilih Not mirrored

Hermanto : AMIK BSI PONTIANAK

Step 9

Akan seperti ini

Hermanto : AMIK BSI PONTIANAK

Step 10

Select simulate control

Hermanto : AMIK BSI PONTIANAK

Step 11

Pilih Right

Hermanto : AMIK BSI PONTIANAK

Step 12
Masih di player.
Select set animation

Hermanto : AMIK BSI PONTIANAK

Step 13

Masukan animation
player jalan

Hermanto : AMIK BSI PONTIANAK

Step 14

Akan tampak seperti ini

Lakukan untuk Left hampir sama seperti di Right

Hermanto : AMIK BSI PONTIANAK

Step 15

Pilih up arrow
Untuk player melompat

Hermanto : AMIK BSI PONTIANAK

Step 16

Pilih jump supaya player

melompat saat tekan
tombol up arrow

Lalu klik done

Hermanto : AMIK BSI PONTIANAK

Step 17

Akan tampak seperti

ini

Hermanto : AMIK BSI PONTIANAK

Mengatur Gerak Player Touch

Hermanto : AMIK BSI PONTIANAK

Step 1

Select is touching
object

Setelah itu klikNext

Hermanto : AMIK BSI PONTIANAK

Step 2

Pilih Object maju

Setelah itu sama tambah kan Animation seperti
menggunakan tombol keyboard di atas untuk player
bisa berjalan dan melompat.

Hermanto : AMIK BSI PONTIANAK

Step 3
Akan tampak seperti ini

Hermanto : AMIK BSI PONTIANAK

Menambah kan point

Hermanto : AMIK BSI PONTIANAK

Step 1

Sama seperti sebelum nya untuk menambah koin, klik kanan tambah object
Select sprite-> lalu insert koin. Lalu copy pasti koin nya sebanyak untuk player
Hermanto : AMIK BSI PONTIANAK
Melanggar akan menambah
angka point

Step 2

Select object
player lalu
nenxt

Hermanto : AMIK BSI PONTIANAK

Step 3

Select object is overlapping

another object

Hermanto : AMIK BSI PONTIANAK

Step 4

Pilih Object koin lalu klik Done

Hermanto : AMIK BSI PONTIANAK

Step 5
Klik system->
select create
Objek .

Lalu klik next

Hermanto : AMIK BSI PONTIANAK

Step 6
Pilih object angkapoint
layer game
Sumbu x : player.X
Sumbu Y: player.Y

Lalu klik Done

Hermanto : AMIK BSI PONTIANAK

Step 7
Pilih object angka point.
Select set position
Lalu klik Next

Hermanto : AMIK BSI PONTIANAK

Step 8

Sumbu x : angkapoint1.X
Sumbu y: angkapoint1.Y+5
Lalu klik Done

Hermanto : AMIK BSI PONTIANAK

Step 9

Klik system->select wait

Atur waktu lama angka point akan muncul

Seconds: 0.04
Lalu klik Done

Hermanto : AMIK BSI PONTIANAK

Step 10

Klik kanan pilih -> add globall variable -> darah->type

number-> intial value 100.
score=type number-> intial value =0

Hermanto : AMIK BSI PONTIANAK

Step 11
Klik system->select
every tick

Hermanto : AMIK BSI PONTIANAK

Step 12

Atur untuk nilai score

Hermanto : AMIK BSI PONTIANAK

Step 13

atur Untuk darah player

Hermanto : AMIK BSI PONTIANAK

Step 14

Klik sytem-> select compare variable

Hermanto : AMIK BSI PONTIANAK

Step 15

Akan tampak
seperti ini

Hermanto : AMIK BSI PONTIANAK

Step 16

HermantoBERMANFAAT
: AMIK BSI PONTIANAK
SELESAI, SEMOGA
!!!