Modul Workshop- Jungle Panda Run

download Modul Workshop- Jungle Panda Run

of 107

Transcript of Modul Workshop- Jungle Panda Run

  • 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