Modul Scratch
Modul Scratch
Scratch
Mengenal scratch
1
B. Komponen-komponen pada scratch
a.Toolbar
2
Blocks Palette adalah Blok untuk memprogram sprite. Blocks Palette
Scripts adalah Blok yang berisi fungsi atau kode perintah untuk memprogram
suatu sprite. Script pada program Scratch divisualisasikan dalam bentuk blok-
blok program seperti memasang sebuah puzzle.
1. Motion
2. Looks
3. Sound
4. Events
3
Digunakan untuk memberikan perintah, kapan sprite dapat bergerak.
5. Control
6. Sensing
8. Variable
9. My Block
4
c. Block palette costumes
Block customises digunakan untuk membuat sprite baru atau bisa juga
digunakan untuk editing sprite yang sudah ada, sprite-sprite yang akan
digunakan untuk games atau video animasi bisa dibuat disini, kita juga bisa
menggunakan sprite yang sudah tersedia dari scratch atau import dari device
kita.
5
Sound merupakan suara dari komputer untuk games maupun animasi
yang kita buat. Kita bisa mengimport suara dari komputer dan kita juga bisa
membuat instrumen sendiri dari Block Pallete bagian sound.
6
e. Stage
Stage adalah Tempat untuk melihat cerita, animasi, atau game yang telah
dibuat. Stage terdiri dari dari beberapa komponen berikut :
1. Sprite, di bagian kanan bawah itu ada sprite/objek , Sprite bisa diperbanyak
lagi dan di edit sesuai kebutuhan.
3. Green Flag, Untuk Menjalankan script dari cerita yang telah dibuat.
7
5. View Mode, Untuk mengubah stage menjadi besar atau kecil.
6. New Sprite Button, Membuat sebuah karakter baru atau objek untuk
project kita.
Sprite adalah sebutan untuk objek di dalam scratch, dan kali ini kita akan
menggambar sprite secara manual. Berikut langkah-langkah nya :
8
3. Lalu kita bisa memilih sprite yang kita inginkan
.
4. Kita juga bisa membuat sprite sesuai dengan kemauan kita, caranya kita
9
Pada gambar tersebut kita bisa membuat sprite kita sesua keinginan kita.
2. Menggerakkan scratch
kita akan membuat Sprite bergerak, bergerak disini maksudnya
berpindah dari kanan ke kiri, dari atas ke bawah, dan sebaliknya.
2. Masuk ke .
3. Lalu pilih .
10
4. Drag lalu ganti “space” dengan
11
Note:
Semakin besar angka yang
diberikan maka sprite akan
bergerak semakin jauh ke
kanan.
6. Setelah itu buat script untuk “left arrow” dan “right arrow” seperti
dibawah ini
.
7. Selanjutnya kita akan membuat sprite bergerak ke atas dan ke bawah.
bawah ini .
10. Sekarang coba jalankan project yang sudah dibuat, coba klik tombol
panah pada keyboard untuk menggerakkan sprite, dan jangan lupa untuk
12
menyimpan project yang telah dibuat dengan memilih lalu pilih
“Save to your Computer”.
Note:
Setiap project yang telah
dibuat harus disimpan agar
game yang telah kita buat
tidak hilang
1. Racing Car
13
Pilih lalu akan muncul halaman seperti ini
3. berikut
adalah circuit yang sudah di buat.
14
4. Selanjutnya kita buat sprite baru untuk mobil nya.
15
9. Selanjutnya kita akan membuat script untuk menjalankan game nya.
10. Pilih .
11. Kita buat mobil selalu berada di posisi start dan dapar bergerak
maju.ikuti code dibawah ini
12. Lalu coba klik bendera hijau, tampak mobil bergerak, dan ketika
bendera hijau diklik kembali tampak mobil kembali ke garis start.
13. Selanjutnya kita buat tombol control, seperti panah kanan/kiri. Dan
tambahkan script yg didalam kotak merah. Ikuti script dibawah.
16
14. Selanjutnya kita akan membuat efek-efek perlengkapan permainan.
15. Kita akan membuat efek seakan mobil rusak ketika mobil keluar arena
balapan, Click “Control” lalu drag “If then”
16. Lalu pilih “Sensing” kemudian drag “touching color”, lalu letakkan di
dalam “if then”
17
17. Ubah warna “touching color” menjadi warna backdrops, dengan cara
.
dan warna pada “touching color” akan berubah.
18. Lalu pilih “Looks” dan drag “Switch to convertible2”, lalu letakkan di
dalam “if then”.
18
19. Lalu letakkan block “if then” ke dalam block forever.
20. Agar mobil berhenti ketika menabrak, pilih “control” dan drag “stop
all”, sisipkan statement “if then” lalu ubah “all” menjadi “this script” .
19
Labirin atau maze adalah game yang memerlukan kesabaran dan
ketelitian, kali ini kita
akan membuat game yang sederhana. Berikut adalah langkah – langkahnya :
backdrops .
4. Kemudian buat kotak hingga memenuhi semua area backdrop.
20
.
6. Lalu kita buat garis finish, boleh dengan “line”/”rectangle”, berikut
adalah contohnya, ingat warnanya tidak boleh sama dengan objek
lainnya.
.
7. Setelah itu kita akan membuat level selanjutnya dengan menduplikasi
backdrops 1(klik kanan pada backdrpos 1, lalu pilih “duplicate”)
8. Lalu buat backdrops 2 lebih rumit dari sebelumnya, kita bisa gunakan
“rectangle” dengan warna yang sama dengan backdrops. Berikut
contohnya.
.
9. Kini kita punya 2 level, selanjutnya kita akan membuat spritenya.
21
Klik .
10. Lalu buat kotak untuk spritenya dengan warna yang berbeda seperti
dibawah ini.
.
11. Pindahkan sprite ke posisi start seperti dibawah ini.
22
13. Lalu klik , lalu tambah kan “switch costume to custome 1” dan
“swicth backdrop to backdrop 1”, ikuti seperti dibawah ini.
14. Selanjutnya klik , pilih dan drag “go to x: y:” pastikan value x
dan y tepat pada letak sprite.
15. Selanjutnya kita akan membuat sprite mengikuti mouse pointer saat
sprite diklik. Caranya klik , pilih dan drag “ when this sprite
clicked” .
23
16. Lalu klik Motion, pilih dan drag “go to mouse-pointer” .
.
17. Klik control lalu Tambah kan block forever.
.
#Ketika bendera hijau diklik dan sprite maka sprite akan mengikuti
pointer.
18. Selanjutnya kita akan membuat efek dalam permainan. Pertama kita
akan membuat efek jika sprite keluar jalur maka akan kalah. Buat
seperti dibawah ini .
24
.
19. Sekarang kita akan membuat efek finish, ikuti langkah dibawah ini.
25
menjalankannya klik bendera hijau lalu klik sprite dan kita dapat
mengcontrol sprite dengan pointer.
21. Jangan lupa save project nya.
26
7. Selanjutnya kita akan membuat papan score agar ketika apple
.
8. Lalu drag code tersebut ke dalam block code yang tadi dibuat, sehingga
seluruh kode menjadi seperti ini.
27
9. Sekarang agar score bisa ditampilkan kita klik lalu drag
10. Lalu sekarang kita akan membuat code untuk “bowl” agar bisa
digerakkan, sekarang klik sprite bowl, lali masukkan code dibawah ini.
28
11. Setelah selesai menyusun block code diatas coba run game nya dengan
menekan bendera hijau. Tampilan aka seperti ini.
12. Selanjutnya kita akan memasukkan sprite baru selain apel sebagai
rintangan nya, berikut contohnya.
29
13. Kalau sudah kita akan membuat baris code agar ketika player
menangkap bukan selain apple poinnya dikurangi atau game over.
14. Sekarang klik sprite yang yang akan digunakan untuk mengurangi poin
player, lalu susun lah block code seperti dibawah ini.
.
15. Setelah itu klik sprite yang akan digunakan untuk membuat game over,
lalu susun block seperti dibawah ini.
30
.
16. Lalu selanjutnya coba run game tersebut maka ketika “bowl”
menyentuh sprite yang membuat game over maka permainan akan
berhenti.
17. Nah selanjutnya kita akan mengatur ketika score kurang dari nol, maka
akan game over, masuk ke sprite yang membuat kurang nilai lalu
tambahkan code dibawah ini.
31
18. Jika sudah coba run game nya dengan klik bendera hijau, dan kita sudah
bisa memainkan gamenya, jangan lupa save projecnya.
19. Kita juga menambahkan sprite yang lain agar bisa lebih menarik, seperti
di gambar dibawah ini.
32
.
33
.
4. Selanjutnya kita pilih sprite rocket yang sudah di sediakan dari scratch
untuk shooter nya.
5. Selanjutnya kita masukkan lagi sprite untuk musuhnya, contoh:
.
6. Setelah itu kita masukkan sprite ball sebagai pelurunya, contoh:
34
8. Pertama kita buat code dulu untuk shooter nya, buat seperti code
dibawah ini agar sprite bisa berjalan.
.
9. Selanjutnya kita klik sprite yang digunakan sebagai musuh, dan atur
code nya sebagai berikut,
.
10. Selanjutnya kita akan membuat sprite rocket bisa menembak,susun
block code seperti di bawah ini pada sprite peluru,
35
11. Selanjutnya kita kembali ke sprite musuh kita akan membuat agar ketika
peluru mengenai musuh maka musuh akan mati.
12. Pertama kita buat variable dulu, pertama klik lalu pilih “make a
variable” danberi nama variable nya dengan “score”.
15. Dan untuk semua block code pada sprite musuh akan menjadi seperti
dibawah ini,
36
.
16. Sekarang kita sudah membuat game space shooter, jangan lupa untuk
save projectnya.
Sekarang kita akan membuat game bouncing ball atau bola memantul,
ikuti langkah-langkah berikut:
37
2. Kemudian hapus sprite bawaan dari scratch, kemudian ganti backdrop
nya.
3. Pilih sprite bola yang sudah disediakan dari scratch.
4. Buat sprite kotak yang berguna sebagai papan untuk memantulkan bola.
5. Berikut adalah contoh sprite yang digunakan,
6. Setelah itu kita buat agar bola nya bisa memantul, klik sprite bola lalu
susun block code seperti berikut,
7. Setelah itu kita buat agar ketika bola menyentuh sprite papan maka bola
akan memantul, ikuti block code berikut,
38
.
8. Lalu kita susun block code pada sprite kotak agar bisa bergerak, klik
sprite kotak, lalu ikuti code dibawah ini.
9. Setelah itu buat sebuah sprite baru untuk batas game, contoh,
39
.
10. Setelah itu kita tambahkan block code pada sprite bola agar ketika bola
menyentuh batas game maka game akan berhenti, berikut block code
nya,
.
11. Nah sekarang game sudah bisa dimainkan jangan lupa untuk save
project nya.
40
6. Membuat Game Sepak Bola
Pada game sepak bola ini kita hanya akan membuat ketika tendangan
pinalty, berikut langkah-langkah nya:
5. Lalu setelah itu kita masukkan sprite lagi sebagai keeper nya, contoh:
41
6. Setelah semua kebutuhan sprite selesai saat nya kita susun block code
agar game bisa berjalan, pertama kita susun dahulu block code pada
sprite bola.
7. Berikut susunan block code nya
.
8. Sekarang bola bisa bergerak dari kanan ke kiri, lalu pada saat player
menenkan “space” bola akan meluncur ke atas.
42
.
9. Nah, selanjutnya kita akan membuat si keeper bisa bergerak juga, ikuti
block code di bawah ini,
.
10. Sekarang keeper sudah bisa bergerak ke kanan kekiri, selanjutnya kita
akan membuat ketika bola mengenai keeper maka tidak goal, berikut
block code nya:
.
11. Berikut adalah seluruh block code pada sprite keeper,
43
.
12. Sekarang kita tambahkan block code pada sprite bola, agar ketika bola
sudah di tembak player bisa memainkannya lagi tanpa harus menekan
green flag, berikut block code nya,
44
13. Nah sekarang sudah selesai coba run game nya, dan jangan lupa save
projectnya.
4. Selanjutnya kita masukkan sprite rocket, dan kita susun block code nya
agar kita bisa mengendalikan rocket.
45
.
5. Setelah itu kita buat agar ketika rocket menyentuh batas area maka akan
game over, susun block code seperti di bawah ini pada sprite rocket,
.
6. Selanjutnya buat tulisan “start” dan “finish”,
46
Contoh:
7. Lalu setelah itu kita susun block code agar ketika rocket menyentuh
tulisan maka akan ganti backdrop, susun seperti ini.
.
8. Setelah itu coba run game tersebut, dan jangan lupa save project nya.
47
8. Escape Game: Run
Di dalam game ini kita harus bisa kabur menghindari ular, penasaran
dengan game nya??,yuk ikuti step berikut:
4. Pada gambar diatas ada tikus sebagai player, lalu masukkan sprite baru
untuk musuhnya.
48
.
5. Setelah kita memasukkan semua sprite yang dibutuhkan , selanjutnya
kita masuk ke code, klik sprite tikus lalu ikuti susunan block di bawah,
49
.
7. Pada block code diatas ada code “create clone at”, code tersebut
berfungsi untuk membuat cloning dari musuh sehingga musuh
bertambah dengan sendirinya,selanjutnya kita akan membuat agar
musuh tersebut bisa bergerak dan menyerang tikus, ikuti block code
dibawah ini,
.
8. Nah pada baris code diatas musuh sudah bisa bertambah dengan
sendirinya dan dengan otomatis menyerang si tikus, selanjutnya kita
masuk ke sprite tikus.
9. Pada sprite tikus kita akan tambahkan baris code agar ketika tikus
menyentuh musuh maka akan akan game over, ikuti block code di
bawah ini,
50
.
10. Lalu kita akan memasukkan sprite lagi sebagai pintu keluar untuk tikus,
contoh
.
11. Setelah itu kita akan mengatur ketika tikus menyentuh pintu keluar
maka game akan menang, ikuti block code dibawah.
51
12. Nah pada code diatas ada code “play sound”, code tersebut berguna
untuk memainkan suara ketika tikus berhasil kabur, untuk suara sudah
13. Nah sekarang game nya sudah jadi, kita bisa menjalankannya dengan
klik bendera hijau, kita juga bisa menambahkan backdrop agar ketika
tikus keluar dari arena 1 maka akan pindah ke arena 2.
52
3. Masukkan sprite paddle sebagai papan untuk memantulkan
bolanya, contoh:
.
4. Lalu kita masukkan sprite bola, contoh:
.
6. Kemudian yang terakhir kita buat satu sprite kotak lagi untuk
batas area nya, contoh:
53
.
7. Setelah itu baru kita akan masuk ke code, pertama kita akan
masuk ke sprite bola terlebih dahulu, berikut susunan block code
nya:
.
8. Code di atas berguna untuk membuat bola bisa memantul,
sekarang kita masuk ke sprite paddle, kita buat agar bisa
digerakkan ke kanan ke kiri,
54
.
9. Kemudian kita masuk ke sprite bola lagi, dan kita atur block
code nya agar ketika bola mengenai paddle maka bola akan
memantul,
.
10. Oke sekarang bola sudah bisa memantul ketika menyentuh
paddle, sekarang kita akan masuk ke sprite block kita atur ketika
block menyentuh bola maka block akan hilang,
55
.
11. Nah sekarang ketika bola menyentuh block maka block akan
hilang, sekarang kita akan membuat agar ketika bola menyentuh
block maka bola akan memantul.
12. Sekarang kita masuk ke sprite bola, dan kita susun block code
seperti di bawah berikut,
56
13. Coba run game tersebut dan perhatikan ketika bola menyentuh
sprite maka bola akan memantul, sekarang kita akan membuat
papan score.
.
15. Maka hasil nya akan seperti ini,
57
16. Sekarang kita masuk ke sprite block, ketika bola menyentuh
block maka score akan bertambah.
.
17. Sekarang kita akan menampilkan sebuah teks ketika kalah atau
menang, pertama kita buat dulu sprite baru yang berisi sebuah
tulisan, contoh,
.
18. Sekarang kita akan menampilkan “you win” jika semua block
habis, dan akan menampilkan “you lose” ketika player
menyentuh batas area.
19. Pertama masuk ke sprite “you win”, lalu susun block code nya
seperti berikut.
58
.
20. Selanjutnya kita akan menampilkan teks “you lose” ketika bola
menyentuh batas area, sekarang kita masuk ke sprite yang
digunakan sebagai batas area, lalu ikuti susunan block seperti
dibawah.
.
21. Pada block code di atas kita mengirimkan pesan dengan
menggunakan code “broadcast” bahwa bola telah menyentuh
batas area, selanjutnya masuk ke sprite teks “you lose”.
22. Pada teks “you lose” kita akan menerima pesan bahwa bola telah
menyentuh batas area maka teks “you lose” akan ditampilkan,
lihat susunan block code tersebut.
59
.
23. Oke sekarang game Block Breaker sudah jadi, coba run dan
mainkan game nya, jangan lupa untuk di save projectnya.
60
lalu pilih yang paling atas dan tinggal kita cari gambar
mana yang ingin kita gunakan.
6. Setelah sprite selesai kita akan susun block code nya,masuk ke
sprite rocket, dan kita susun block code di bawah ini agar rocket
bisa bergerak untuk menghindari meteor yang jatuh.
.
7. Kemudian kita masuk ke sprite meteor dan kita susun block code
di bawah ini agar meteor seakan-akan berjatuhan,
61
8. Sekarang kita akan buat text “game over” yang akan muncul
ketika rocket terkena meteor.
Buat sprite baru lalu isi dengan teks, contoh:
.
9. Sekarang kita akan membuat tulisan tersebut tampil ketika
meteor mengenai rocket dan sekaligus permainan berakhir,
berikut block code nya,
Pertama kita masuk dulu ke sprite rocket dan susun block seperti
berikut.
.
10. Lalu masuk ke sprite text “game over”, kemudian atur block
code nya seperti berikut,
62
.
11. Sekarang coba run game tersebut dan jangan lupa save project
nya.
.
5. Kemudian kita buat agar burung bisa terbang, susun block code
di bawah ini,
63
.
6. Kemudian kita buat agar ketika player menekan tombol “space”
maka burung akan terbang.
.
7. Pada block di atas terdapat block “set flaps to” dan “change flaps
64
8. Setelah itu burung sudah bisa terbang dengan baik, selanjutnya
kita buat sprite baru untuk rintangan nya.
.
9. Kemudian kita susun block code di dalam sprite yang baru kita
buat agar sprite tersebut bergerak.
.
10. Setelah itu kita buat agar ketika burung melewati rintangan maka
score akan bertambah,
65
.
11. Pada block “play sound” ada kata “Bird” jika belum ada silahkan
66
14. Selanjutnya balik ke sprite burung dan atur block code seperti
dibawah ini.
.
15. Oke sekarang kita masuk ke sprite “game over” dan kita susun
block code seperti di bawah ini.
.
16. Dan sekarang coba run game nya, jangan lupa untuk save
projectnya.
67
12. Game Snow Ball
Lindungilah bola salju agar sampai dengan selamat, kali ini kita akan
membuat game bola salju atau snow ball.
.
7. Setelah itu kita masuk ke sprite tree, susun block code seperti
berikut,
68
.
8. Kemudian masuk ke sprite Rocks dan susun block code nya
sama seperti di atas.
9. Sekarang kita masuk lagi ke sprite ball dan susun block code
seperti di bawah ini, agar ketika bola menyentuh tree atau rokcs
maka game akan berakhir.
69
.
10. Selanjutnya kita buat sprite “game over”, contoh
.
11. Setelah itu masuk ke block code, dan susun block code nya
seperti ini.
.
12. Sekarang coba run game nya dan biasakan untuk save
projectnya.
70
71