2022_Jom Bina GAME dengan Scratch

JOM BINA GAME
DENGAN SCRATCH

Disediakan oleh

DAFIZAL BIN DERAWI

PhD candidate in Aerial Robotics (UTM), B. Eng. Hons. Mechatronic Systems (ANU - #1Australia)
Dip. Elec. Eng. (Mechatronics) with VC Award (UTM)
KETUA PEGAWAI EKSEKUTIF DRABOT

Hak Milik

• Modul latihan ini adalah hak cipta terpelihara pihak
DRABOT dan Dafizal Derawi.

• Adalah satu kesalahan dalam meniru atau cubaan
untuk meniru modul latihan dan sistem yang ada
dalam modul ini dengan mengubah suai dan
mengekalkan isi kandungan utama modul latihan ini.

©DRABOT
©Dafizal Derawi

Dafizal Derawi

Ketua Pegawai Eksekutif, DRABOT

• PhD candidate in Aerial Robotics, Universiti Teknologi
Malaysia (UTM), 2013 – present.

• Research Visitor, Autonomous Control Systems
Laboratory Ltd., Chiba, Japan, Dec 2014 – Dec 2015.

• Research Visitor, Nonami Lab, Chiba University, Japan,
Dec 2014 – Dec 2015.

• Research Assistant, Computer Vision & Robotic
Research Group, Australian National University
(ANU), 2012

• Tutor, Introduction to Electronics course, Research
School of Engineering, Australian National University
(ANU), 2012

• Bachelor of Engineering with Honours majoring in
Mechatronic Systems, ANU, 2011

• Diploma in Electrical Engineering (Mechatronics) with
Vice Chancellor Award, UTM, 2009

• Founder & President of Research & Innovation Club
(RIC), UTM KL, 2008

Isi Kandungan

1. PENGENALAN
2. ASAS PENGATURCARAAN
3. JOM BINA GAME
4. CARA MENUKAR SB3 FILE (SCRATCH 3) KEPADA EXE FILE

(GAME)

1. PENGENALAN

Pengenalan

✓ https://scratch.mit.edu/
✓ Bahasa Pengaturcaraan:

✓ Bahasa Pengaturcaraan Visual Scratch
✓ Perisian Pengaturcaraan:

✓ Scratch 3.0
✓ Pengaturcaraan adalah proses membuat atur

cara komputer.
✓ Atur cara ialah urutan arahan berkod yang

dimasukkan di dalam komputer yang
membolehkan data diproses oleh komputer.
✓ Sesuai → kanak-kanak yang berumur 8 tahun
dan ke atas.

Cara dapatkan Scratch 3.0 Editor
(tempat pengaturcaraan)

1. Secara atas talian (perlukan jaringan internet)

https://scratch.mit.edu/projects/editor/

2. Offline Editor (perlu install di komputer)

Cara install offline editor di
komputer Windows

1. Dapatkan installer di folder berkenaan (modul
latihan) dan double click Scratch 3.24.0 Setup file

2. Click 1 (Anyone..) & 2 (Install)

3. Jika keluar sebarang pertanyaan, pilih YES/
ALLOW dan tunggu sehingga proses installing
seperti gambar tersebut.

4. Click Finish

Tahniah!!!

Jom Mengenal pasti fitur-fitur pada
antara muka perisian pengaturcaraan

• Stage area: Anda boleh mempersembahkan reka
bentuk anda, menetapkan sprite dan latar belakang
anda di sini.

• Blocks area: Anda boleh menemui blok yang anda
perlukan mengikut kategori dan warna di sini.

• Scripts area: Anda boleh menyusun program anda
dengan menarik dan melepaskan blok (drag &
drop) ke kawasan ini.

2. ASAS
PENGATURCARAAN

Tutorial 1
Pergerakan Sprite

Pengenalan

✓Belajar cara menggerakkan
Sprite (objek).

✓Cuba setiap fitur di dalam
menu Motion.

CUBA SETIAP FITUR PERGERAKAN
(MOTION)
&

LIHAT RESPON OBJEK (SPRITE)

TAPI BAGAIMANA?

1. Mula dengan
tekan menu
Events.

2. Tarik fitur Events:

3. Tekan menu Motion.

4. Tarik fitur Motion:

5. Uji atur cara anda dengan menekan
bendera hijau. Lihat tindak balas yang
berlaku pada Sprite

BAGAIMANA UNTUK MENYIMPAN
(SAVE) PROJEK ANDA?

File > Save to your computer

1. Pilih tempat yang sesuai
2. Beri nama file yang sesuai
3. Click Save

BAGAIMANA UNTUK MEMBUANG
FITUR-FITUR?

Tarik fitur yang ingin dibuang ke sisi kiri.

CUBA FITUR PERGERAKAN
(MOTION) YANG LAIN
&

LIHAT RESPON OBJEK (SPRITE)

AKTIVITI 1:

CUBA SEMUA JENIS PERGERAKAN
(MOTION)
&

LIHAT RESPON SPRITE

Tutorial 2
Memasukkan Dialog

Pengenalan

✓Belajar cara memasukkan dialog pada
Sprite (objek).

✓Cuba setiap fitur di dalam menu Looks.

Fitur-fitur untuk
memasukkan dialog

BAGAIMANA MAHU MEMBINA
PROJEK BAHARU?

File > New

Click OK

CUBA SETIAP FITUR DIALOG
(LOOKS)
&

LIHAT RESPON OBJEK (SPRITE)

AKTIVITI 2:

BUAT PERGERAKAN SPRITE KE
KANAN DALAM MASA BEBERAPA

SAAT DAN PAPARKAN DIALOG
KENALKAN DIRI

Tutorial 3
Memasukkan Bunyi

Pengenalan

✓Belajar cara memasukkan bunyi pada
Sprite (objek).

✓Anda boleh memilih jenis bunyi yang anda
mahukan.

✓Cuba setiap fitur di dalam menu Sound.
✓Belajar menukar sprite yang lain.

Fitur-fitur untuk
memasukkan
bunyi (Sound)

PASTIKAN UNTUK MENCUBA
SETIAP FITUR BUNYI
(SOUND)
&

LIHAT RESPON OBJEK (SPRITE)

BAGAIMANA MAHU MENUKAR
BUNYI SPRITE?

BAGAIMANA MAHU MENAMBAH/
MENUKAR SPRITE YANG LAIN?

BAGAIMANA MAHU MEMBUANG
SPRITE?

BAGAIMANA MAHU MENAMBAH/
MENUKAR LATAR BELAKANG
(BACKDROPS)?

AKTIVITI 3:

• Melakukan pergerakan dari kedudukan A ke
kedudukan B dengan kadar kelajuan berbeza.

• Memaparkan dialog yang sesuai.
• Mengeluarkan bunyi yang sesuai.

PRAKTIKKAN DALAM SATU PROGRAM
ADA SEMUA CIRI-CIRI DI ATAS.

AKTIVITI 3:
CONTOH JAWAPAN

AKTIVITI 3:

CONTOH
JAWAPAN
PROGRAM

Tutorial 4
Kostum Animasi

(Costumes)