Seri Visual Stratch Bagian 2

MGMP TIK Kabupaten Trenggalek

Membuat Game Berbasis

Cerita
&
Alat berbasis Makey Makey
EDY SANTOSO, ST
Membuat Game
Berbasis Cerita
Konsep Dasar
1. Untuk membuat game berbasis cerita maka harus ada konsep
global tentang cerita itu. Namun ada peran dari pemain game untuk
menentukan akhir dari cerita.
2. Mementukan para aktor yang bermain serta latar dari permainan
itu.
3. Memecah cerita dalam babak serta menentukan latar (background)
dan aktor (sprite) dalam cerita tersebut.
4. Membuat gambar latar, aktor beserta stylenya.
5. Membuat algoritma dan program. Perintah paling penting dalam
game berbasis cerita seperti ini adalah broadcast , dan show/hide
Kang Blangkon Sang Penolong
Suatu Hari, seperti biasa, Kang Blangkon berjalan-jalan dari desa ke desa, njajah deso milang kori.
Namun Kang Blangkon kaget karena di tengah jalan menjumpai seorang anak yang sedang menangis.
Kang Blangkon mendekati anak itu (dengan menyentuhnya). Setelah disentuh, ternyata anak itu
mengatakan Aku ingin pisang. Kang Blangkon bingung karena tidak ada pisang disitu. Namun Kang
Blangkon melihat ada CS di pojok kanan atas. lalu Kang Blangkon mendapat informasi bahwa untuk
mencari pisang harus pergi ke pojok kanan bawah.
Setelah melewati pojok kanan bawah sampailah Kang Blangkon pada sebuah hutan. Agak jauh
darinya terlihat Goa. Dan ternyata dipintunya ada Pisang. Waini .... Namun pisang dijaga singa yang
mondar-mandir di depan goa. Karena ragu, Kang Blangkon bertanya kepada CS. Kang Blangkon
mendapat penjelasan bahwa memang pisang itu dijaga oleh singa. Kang Blangkon harus berhati-hati
jika ingin mengambil pisang itu. Jangan sampai dimakan singa.
Setelah menunggu kelengahan singa, Kang Blangkon mengambil pisang itu dan kembali ke
tempat anak itu menangis. Anak itu masih menangis. Akhirnya kang blangkon menghampiri anak
tersebut dan menyerahkan pisang itu padanya. Setelah menerima pisang, anak itu gembira sekali.
Aktor dan Background
Latar (Background) Pemain
1. Daerah pedesaan 1. Kang Blangkon (Pemain) dengan
costum (hadap kiri dan kanan)
2. Hutan dengan sebuah goa
2. Anak kecil (Adi) dengan costum
( menangis dan gembira)
3. CS (Customer Support)
4. Singa
CATATAN PENTING
5. Pisang
1. Untuk membuat background optimalnya buatlah gambar dengan ukuran 480px X 360px. Adobe Photoshop bisa
sangat membantumu untuk meresize gambar.
2. Untuk membuat aktor bisa menggunakan berbagai format gambar. Namun sebaiknya gunakan file png yang
backgroundnya dibuat transparan. Situs https://www.remove.bg/ mungkin akan sangat membantumu.
 Babak 1 & 2
BABAK1 BABAK2
CS CS
Membuat broadcast BABAK1 Mengubah background ke bg2 (hutan)
Mengubah background ke bg1 (pedesaan) Menyiapkan jawaban jika disentuh Kang Blangkon
Menyiapkan jawaban jika disentuh Kang Blangkon

Anak kecil
Anak Kecil
Sembunyi
Mengubah diri ke posisi menangis
Menyiapkan jawaban jika disentuh Kang Blangkon
Kang Blangkon
Kang Blangkon Jika menyentuh pisang maka dia membuat broadcast BABAK3
Bisa bergerak ke kanan, kiri, atas, bawah.
Jika dia berada di posisi kanan bawah dia membuat broadcast BABAK2 dan
menghilang Singa
Muncul dan berjalan modar mandir di depan goa
Singa Jika menyentuh Kang Blangkon maka GAMEOVER
Sembunyi

Pisang
Pisang
Muncul
Sembunyi
 Babak 3 dan Tamat
BABAK3 TAMMAT
CS Anak Kecil
Mengganti background ke bg1 ( pedesaan ) Costum gembira jika disentuh Kang Blangkon dan
Membuat jawaban jika disentuh Kang Blangkon mengucapkan terimakasih
Mengakhiri Aplikasi
Anak Kecil
Muncul Pisang
Muncul di dekat Anak kecil
Kang Blangkon

Jika menyentuh Anak Kecil maka mengirim broadcast TAMMAT

Tampilan Program

BABAK1 BABAK2
Tampilan Program

BABAK 3 & TAMMAT Tampilan dan Program

• Game bisa diakses di
https://scratch.mit.edu/projects/811511868
• Source bisa dilihat dan di lihat di ->
https://scratch.mit.edu/projects/811511868/
editor/
Makey Makey
Makey Makey
• Adalah alat yang mempunyai
beberapa fungsi keyboard
seperti
• keyup keydown
• keyleft keyright
• space
• mouse click
• Secara umum makey-makey bisa
di deteksi secara plug and play
pada perangkat komputer baru
 • Cara mengaktifkan tombolnya
Cara penggunaan adalah dengan menghubungkan
ground ke “fungsi keyboard”
• Dihubungkan dengan komputer menggunakan penjepit buaya
menggunakan mini USB melalui perantara benda-benda
konduktor
Project1: Membuat keyboard makey makey

Alat dan Bahan

• Aluminium Foil
• Isolasi besar
• Kardus bekas air mineral
• Lem
• Spidol permanen
• Gunting
• Sendok logam
Project1: Cara Pembuatan
1. Potong kardus berbentuk
persegi.
2. Balut dengan isolasi plastik
3. Tempelkan aluminium foil yang
sudah dipotong-potong
4. Tandai fungsi-fungsi keyboard
dengan spidol
5. Keyboard siap digunakan
Project 2: Menggunakan Keyboard
untuk Alat Musik

• Buka https://apps.makeymakey.com/bongos/
• Pasangkan kabel merah ke space
• Pasangkan kabel hijau ke left arrow
• Pasangkan kabel hitam ke
GND/ground
• Pegang GND dengan tangan 1 dan
tangan lain dengan key terhubung.
• GND bisa disambungkan dengan
sendok, atau koin biar mudah untuk
di pegang, bahkan sendok bisa
dipukulkan langsung ke bongo.
Project 3 Membuat Alat Musik Sendiri
Mainkan dengan makey makey sebagaimana cara memainkan musik sebelumnya
Program bisa dilihat di -> https://scratch.mit.edu/projects/812276667/
Project 4: Alat Deteksi konduktor
https://scratch.mit.edu/projects/812333823/

Program Rangkaian
Alat Deteksi Banjir
Alat dan Rangkaian
https://scratch.mit.edu/projects/812371767/ • Air
Program • Gelas
• Logam. Bisa sendok atau coin
Mengenal Buah
https://scratch.mit.edu/projects/812376033/
Program Alat