SlideShare a Scribd company logo
SCRATCH: Tom And Jerry
BY AKHMAD ZAIMI
LEARN
SHARE
CONNECT
LINK DOWNLOAD SCRATCH
Pre-requisite Windows 10
Please install these softwares as the order:
1. Scratch:
https://downloads.scratch.mit.edu/desktop/Scratch%20Desktop%20S
etup%203.6.0.exe
Scratch Desktop
Panel
Block
Code / Script
Area
Stage /
Panggung
Sprite / Obyek
Panel Block
Panel
Block
Motion Looks
Example:
Move, change
direction, Go to a
position
Example:
Say somthing,
think, change
costume
Sound
Example:
Play sound,
change sound
Events
Example:
When Cat hit
mouse, green flag
clicked
Control
Example:
IF Cat hit mouse
what to do
Sensing
Example:
Condition Cat hit
mouse
WHAT ARE THEIR FUNCTION?
Panel Block
Panel
Block
Operators Variables
Example:
To calculate a
value, pick random
value
To store a value
My Blocks
Buat block sendiri
/ template
WHAT ARE THEIR FUNCTION?
Sprite / Obyek
> A character in the game
OK, Lets rock!
Game Flow
Test Game I: Sprint Cat
Test Game II: Sprint Donut
Test Game III: Donut hit cat and cat eat mouse
Test Game IV: Add Life, Points, Name
Test Game V: Screen Title
Steps make Game 1-2
Sprite Cat
1. Move Sprite Cat to left side and change size to “50”
2. Change Size to “50”
3. Add Motion > “move 10 steps”
4. Add Looks > “Say “Hello” for 2 secs”
5. Add Sounds > “play sound “Meow” until Done”
6. Add Events > “when “flag” clicked” on top of code block
7. Add Sensing > “ask “Whats your name?” and wait” put under Event
8. Test Game I
Sprite Donut
1. Add Sprite “Donut”
2. Change Size “50”
3. Click Sprite Donut > choose tab “Costume” > Duplicate “Donut”
4. Paint new Costume of Donut
Steps make Game 1-2
Sprite Donut
5. Back to Tab Code, Add Control > “wait 1 seconds”
6. Add Looks >“Next costume”
7. Add Control > “forever”, Move other blocks inside control
8. Add Events > “when flag clicked”
9. Add Control > “if ... Then”
10. Add Sensing > “key “space” pressed” then” as condition of Control
11. Test Game II
Steps make Game 3
Add Sprite Mouse and change size to “30”:
1. Add Events > “when flag clicked”
2. Add Control > “forever”
3. Add Motion > “set x to …” into Control 2
4. Add Operators > “pick random “-191” to “191”
5. Add Motion > “set y to …” into Control 2
6. Add Operators > “pick random “-131” to “131”
7. Add Looks > “show”
8. Add Control > “wait 5 seconds”
9. Add Looks > “hide”
10. Add Control > “wait 2 seconds”
180
-180
240-240
Screen Coordinate
x
y
x,y
Steps make Game 3
Sprite Cat:
1. Remove Motion > “move 10 steps”
2. Remove Motion > Add Looks > “Say “Hello” for 2 secs”
3. Remove Sounds > “play sound “Meow” until Done”
4. Keep Events > “when “flag” clicked”
5. Keep Sensing > “ask “Whats your name?” and wait”
6. Add Control > “forever” under Events 4
Put below Code block inside Control 6 “forever”
7. Add Control > “if .... Then”
8. Add Sensing > “key “up arrow” pressed” as condition of Control 7
9. Add Motions > “change y by 2” into inside Control 7
10. Add Control > “if .... Then”
11. Add Sensing > “key “down arrow” pressed” as condition of Control 10
12. Add Motions > “change y by -2” into inside Control 10
13. Add Control > “if .... Then”
14. Add Sensing > “key “left arrow” pressed” as condition of Control 13
15. Add Motions > “change x by -2” into inside Control 13
0
90
180
270
180
-180
240-240
Screen Coordinate
x
y
x,y
Direction
Steps make Game 3
Sprite Cat:
16. Add Control > “if .... Then”
17. Add Sensing > “key “right arrow” pressed” as condition of Control 16
18. Add Motions > “change x by 2” into inside Control 16
19. Add Control > “if … then”
20. Add Sensing > “touching mouse” as condition of Control 19
21. Add Looks > “say “Alhamdulillah” for 2 seconds” into inside Control 19
22. Add Control > “if … then”
23. Add Sensing > “touching donut” as condition of Control 22
24. Add Looks > “say “Astaghfirullah” for 0.5 seconds” into inside Control 22
Sprite Donut:
1. Keep Events > “when flag clicked”
2. Keep Control > “forever”
3. Remove Looks > “Next costume”
4. Remove Control > “if … then”
5. Add Motion > “point in direction “180” under Events 1
Steps make Game 3
Sprite Donut:
Put below Code block inside Control 2 “forever”
6. Add Motion > “move 5 steps”
7. Add Looks > “switch costume to “donut”
8. Add Control > “if … then”
9. Add Sensing > “touching “edge”’ as condition of Control 8
10. Add Motion > “set y to “127” into control 8
11. Add Motion > “set x to ….“ into control 8
12. Add Operators > “pick random “-180” to “180”” as value of Motion 11
13. Add Control > “if … then”
14. Add Sensing > “touching “Sprite1”’ as condition of Control 13
15. Add Looks > “Switch costume to “donut2” into Control 13
16. Add Control > “wait 1 second”
17. Add Motion > “set y to “127” into Control 13
Steps make Game 3
Sprite Donut:
Put below Code block inside Control 2 “forever”
18. Add Motion > “set x to ….“into Control 13
19. Add Operators > “pick random “-180” to “180”” as value of Motion 18
20. Test Game III
Screen Game 3
Steps make Game 4
Sprite Sprite1:
1. Make a Variable with name “Life” and set for All Sprites
2. Make a Variable with name “Points” and set for All Sprites
3. Make a Variable with name “name” and set for All Sprites
Put below code blocks under Event “when flag clicked”
1. Add Variable > “hide variable “name”
2. Move sensing > “ask “whats your name” and wait“ into here
3. Add Variable > “set name to ….”
4. Add Sensing > “answer” as a value of Variable 4
5. Add Event > “broadcast “startgame”
Put below code blocks under Event “when I receive “startgame”
1. Add Event > “when I receive “startgame”
2. Add Variable > “show variable “name”
3. Drag and move Control > “forever” into here
Steps make Game 4
Sprite Sprite1:
Put below code blocks under Event “when I receive “startgame”
4. Add Control > “if … then” inside Control “forever”
5. Add Operations >” … = 0 “ as condition of Control 4
6. Add Variable > “Life” as value Operation 5
7. Add Control > “stop all” into Control 4
8. Go to Control > “if “touching Donut” then”
9. Add Variable > “set “Life” to ….” under Looks “say Astaghfirullah for 0.5 seconds”
10. Add Operation > “variable “Life” - 1” as value of Variable 9
11. Go to Control > “if “touching mouse1” then”
12. Add Variable > “set “Points” to ….” under Looks “say Alhamdulillah for 2 seconds”
13. Add Operation > “variable “Points” + 1” as value of Variable 12
Steps make Game 4
Sprite Donut:
Put below code blocks under Event “when I receive “startgame”
1. Add Event > “when I receive startgame”
2. Move and drag code blocks start from Motion > “Point in direction 180” into here
Put below code blocks under Event “when flag clicked”
1. Add Looks> “switch costume to donut”
Sprite Mouse1:
Put below code blocks under Event “when I receive “startgame”
1. Add Event > “when I receive startgame”
2. Add Variable > “set Life to 3
3. Add Variable > “set Points to 0
4. Move and drag code blocks start from Control> “forever” into here
Test Game IV
Screen Game 4
Steps make Game 5
Sprite Donut:
Put below code blocks under Event “when I receive “startgame”
1. Insert Looks > “show” under Event
Put below code blocks under Event “when flag clicked”
1. Insert Looks > “hide” under Event
2. Add Motion > “set y to 127”
3. Add Motion > “set x to ….”
4. Add Operations > “pick random -180 to 180” as value of Motion 3
Sprite Mouse1:
Put below code blocks under Event “when I receive “startgame”
1. Insert Looks > “show” under Event
Put below code blocks under Event “when flag received”
1. Insert Looks > “hide” under Event
Steps make Game 5
Sprite Sprite1:
1. Click Stage and click tab “Backdrops”
2. Add New Backdrops “Room 2”
3. Click Text and give Game Tittle “Kejar Tikus, Awas Donat”
4. You can add more text
5. Once finished, back to Tab “Code”
6. Choose “Sprite 1”
Put below code blocks under Event “when flag received”
1. Insert Looks > “switch backdrops to “Room 2”” under Event
2. Insert Looks > “hide” under Variable “hide variable “name””
3. Add Control > “wait until ….”
4. Add Sensing > “key “any” pressed” as value of Control 3
Put below code blocks under Event “when I received “Startgame””
1. Insert Looks > “switch backrdrops to “Wall 1”” under Event
2. Insert Looks > “show” under variable “show variable “name””
Test Game V
Screen Game 5
Hack the Code
Stage Game 1 Stage Game 2
Stage Game 3 (Sprite1)
Hack the CodeStage Game 3 (Donut) Stage Game 3 (Mouse1)
Hack the CodeStage Game 4 (Sprite1) Stage Game 4 (Donut) Stage Game 4 (Mouse1)
Hack the CodeStage Game 5 (Sprite1) Stage Game 5 (Donut) Stage Game 5 (Mouse1)
(partial block)
Screen: X and Y
Coordinate
Sponsored By
Made a Bag by Heart
Question?
Contact me: Akhmad Zaimi
Email: djimie@gmail.com

More Related Content

PPTX
Introduction to Unity3D and Building your First Game
DOCX
Scratch for kids syllabus for 5 hours by bibek pandit
PDF
PDF
Class #6: Fun-ctions
PPTX
DOCX
Workflow
DOCX
Task two workflow by tom crook
PDF
BGC2011Scratch-Rev1.pdf
Introduction to Unity3D and Building your First Game
Scratch for kids syllabus for 5 hours by bibek pandit
Class #6: Fun-ctions
Workflow
Task two workflow by tom crook
BGC2011Scratch-Rev1.pdf

Similar to Scratch Tom and Jerry (20)

DOCX
Workflow
PPT
Makingagame in scratch
PPTX
Construct 2 Platformer: Step by Step
PPTX
Scratch presentation
PDF
Game Salad Study
PPTX
Day 2( magic camp)1
PDF
Easy coding a multi device game with FireMonkey
PPTX
Day 2( magic camp)
DOCX
Task 2 Work Flow
PPT
"Pemrograman Python untuk Pemula dan Ahli"
PPT
Pygame : créer des jeux interactifs en Python.
PDF
Scratch Animation
KEY
Artdm170 week12 user_interaction
PDF
Creating physics game in 1 hour
PDF
ITS488 Lecture 4: Google VR Cardboard Game Development: Basket Ball Game #2
DOCX
Scratch Lesson 1 move with arrow keys
PPTX
C game programming - SDL
PDF
Lecture 4: ITS488 Digital Content Creation with Unity - Game and VR Programming
KEY
ARTDM 170, Week 7: Scripting Interactivity
Workflow
Makingagame in scratch
Construct 2 Platformer: Step by Step
Scratch presentation
Game Salad Study
Day 2( magic camp)1
Easy coding a multi device game with FireMonkey
Day 2( magic camp)
Task 2 Work Flow
"Pemrograman Python untuk Pemula dan Ahli"
Pygame : créer des jeux interactifs en Python.
Scratch Animation
Artdm170 week12 user_interaction
Creating physics game in 1 hour
ITS488 Lecture 4: Google VR Cardboard Game Development: Basket Ball Game #2
Scratch Lesson 1 move with arrow keys
C game programming - SDL
Lecture 4: ITS488 Digital Content Creation with Unity - Game and VR Programming
ARTDM 170, Week 7: Scripting Interactivity
Ad

Recently uploaded (20)

PPTX
Unit 4 Skeletal System.ppt.pptxopresentatiom
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PDF
1_English_Language_Set_2.pdf probationary
PPTX
UNIT III MENTAL HEALTH NURSING ASSESSMENT
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
IGGE1 Understanding the Self1234567891011
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PPTX
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
PDF
Classroom Observation Tools for Teachers
PDF
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
PDF
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PDF
A systematic review of self-coping strategies used by university students to ...
PPTX
202450812 BayCHI UCSC-SV 20250812 v17.pptx
PDF
Indian roads congress 037 - 2012 Flexible pavement
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PPTX
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
PPTX
UV-Visible spectroscopy..pptx UV-Visible Spectroscopy – Electronic Transition...
PDF
Empowerment Technology for Senior High School Guide
Unit 4 Skeletal System.ppt.pptxopresentatiom
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
1_English_Language_Set_2.pdf probationary
UNIT III MENTAL HEALTH NURSING ASSESSMENT
Final Presentation General Medicine 03-08-2024.pptx
History, Philosophy and sociology of education (1).pptx
IGGE1 Understanding the Self1234567891011
Paper A Mock Exam 9_ Attempt review.pdf.
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
Classroom Observation Tools for Teachers
GENETICS IN BIOLOGY IN SECONDARY LEVEL FORM 3
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
A systematic review of self-coping strategies used by university students to ...
202450812 BayCHI UCSC-SV 20250812 v17.pptx
Indian roads congress 037 - 2012 Flexible pavement
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
UV-Visible spectroscopy..pptx UV-Visible Spectroscopy – Electronic Transition...
Empowerment Technology for Senior High School Guide
Ad

Scratch Tom and Jerry

  • 1. SCRATCH: Tom And Jerry BY AKHMAD ZAIMI LEARN SHARE CONNECT
  • 2. LINK DOWNLOAD SCRATCH Pre-requisite Windows 10 Please install these softwares as the order: 1. Scratch: https://downloads.scratch.mit.edu/desktop/Scratch%20Desktop%20S etup%203.6.0.exe
  • 3. Scratch Desktop Panel Block Code / Script Area Stage / Panggung Sprite / Obyek
  • 4. Panel Block Panel Block Motion Looks Example: Move, change direction, Go to a position Example: Say somthing, think, change costume Sound Example: Play sound, change sound Events Example: When Cat hit mouse, green flag clicked Control Example: IF Cat hit mouse what to do Sensing Example: Condition Cat hit mouse WHAT ARE THEIR FUNCTION?
  • 5. Panel Block Panel Block Operators Variables Example: To calculate a value, pick random value To store a value My Blocks Buat block sendiri / template WHAT ARE THEIR FUNCTION?
  • 6. Sprite / Obyek > A character in the game
  • 7. OK, Lets rock! Game Flow Test Game I: Sprint Cat Test Game II: Sprint Donut Test Game III: Donut hit cat and cat eat mouse Test Game IV: Add Life, Points, Name Test Game V: Screen Title
  • 8. Steps make Game 1-2 Sprite Cat 1. Move Sprite Cat to left side and change size to “50” 2. Change Size to “50” 3. Add Motion > “move 10 steps” 4. Add Looks > “Say “Hello” for 2 secs” 5. Add Sounds > “play sound “Meow” until Done” 6. Add Events > “when “flag” clicked” on top of code block 7. Add Sensing > “ask “Whats your name?” and wait” put under Event 8. Test Game I Sprite Donut 1. Add Sprite “Donut” 2. Change Size “50” 3. Click Sprite Donut > choose tab “Costume” > Duplicate “Donut” 4. Paint new Costume of Donut
  • 9. Steps make Game 1-2 Sprite Donut 5. Back to Tab Code, Add Control > “wait 1 seconds” 6. Add Looks >“Next costume” 7. Add Control > “forever”, Move other blocks inside control 8. Add Events > “when flag clicked” 9. Add Control > “if ... Then” 10. Add Sensing > “key “space” pressed” then” as condition of Control 11. Test Game II
  • 10. Steps make Game 3 Add Sprite Mouse and change size to “30”: 1. Add Events > “when flag clicked” 2. Add Control > “forever” 3. Add Motion > “set x to …” into Control 2 4. Add Operators > “pick random “-191” to “191” 5. Add Motion > “set y to …” into Control 2 6. Add Operators > “pick random “-131” to “131” 7. Add Looks > “show” 8. Add Control > “wait 5 seconds” 9. Add Looks > “hide” 10. Add Control > “wait 2 seconds” 180 -180 240-240 Screen Coordinate x y x,y
  • 11. Steps make Game 3 Sprite Cat: 1. Remove Motion > “move 10 steps” 2. Remove Motion > Add Looks > “Say “Hello” for 2 secs” 3. Remove Sounds > “play sound “Meow” until Done” 4. Keep Events > “when “flag” clicked” 5. Keep Sensing > “ask “Whats your name?” and wait” 6. Add Control > “forever” under Events 4 Put below Code block inside Control 6 “forever” 7. Add Control > “if .... Then” 8. Add Sensing > “key “up arrow” pressed” as condition of Control 7 9. Add Motions > “change y by 2” into inside Control 7 10. Add Control > “if .... Then” 11. Add Sensing > “key “down arrow” pressed” as condition of Control 10 12. Add Motions > “change y by -2” into inside Control 10 13. Add Control > “if .... Then” 14. Add Sensing > “key “left arrow” pressed” as condition of Control 13 15. Add Motions > “change x by -2” into inside Control 13 0 90 180 270 180 -180 240-240 Screen Coordinate x y x,y Direction
  • 12. Steps make Game 3 Sprite Cat: 16. Add Control > “if .... Then” 17. Add Sensing > “key “right arrow” pressed” as condition of Control 16 18. Add Motions > “change x by 2” into inside Control 16 19. Add Control > “if … then” 20. Add Sensing > “touching mouse” as condition of Control 19 21. Add Looks > “say “Alhamdulillah” for 2 seconds” into inside Control 19 22. Add Control > “if … then” 23. Add Sensing > “touching donut” as condition of Control 22 24. Add Looks > “say “Astaghfirullah” for 0.5 seconds” into inside Control 22 Sprite Donut: 1. Keep Events > “when flag clicked” 2. Keep Control > “forever” 3. Remove Looks > “Next costume” 4. Remove Control > “if … then” 5. Add Motion > “point in direction “180” under Events 1
  • 13. Steps make Game 3 Sprite Donut: Put below Code block inside Control 2 “forever” 6. Add Motion > “move 5 steps” 7. Add Looks > “switch costume to “donut” 8. Add Control > “if … then” 9. Add Sensing > “touching “edge”’ as condition of Control 8 10. Add Motion > “set y to “127” into control 8 11. Add Motion > “set x to ….“ into control 8 12. Add Operators > “pick random “-180” to “180”” as value of Motion 11 13. Add Control > “if … then” 14. Add Sensing > “touching “Sprite1”’ as condition of Control 13 15. Add Looks > “Switch costume to “donut2” into Control 13 16. Add Control > “wait 1 second” 17. Add Motion > “set y to “127” into Control 13
  • 14. Steps make Game 3 Sprite Donut: Put below Code block inside Control 2 “forever” 18. Add Motion > “set x to ….“into Control 13 19. Add Operators > “pick random “-180” to “180”” as value of Motion 18 20. Test Game III
  • 16. Steps make Game 4 Sprite Sprite1: 1. Make a Variable with name “Life” and set for All Sprites 2. Make a Variable with name “Points” and set for All Sprites 3. Make a Variable with name “name” and set for All Sprites Put below code blocks under Event “when flag clicked” 1. Add Variable > “hide variable “name” 2. Move sensing > “ask “whats your name” and wait“ into here 3. Add Variable > “set name to ….” 4. Add Sensing > “answer” as a value of Variable 4 5. Add Event > “broadcast “startgame” Put below code blocks under Event “when I receive “startgame” 1. Add Event > “when I receive “startgame” 2. Add Variable > “show variable “name” 3. Drag and move Control > “forever” into here
  • 17. Steps make Game 4 Sprite Sprite1: Put below code blocks under Event “when I receive “startgame” 4. Add Control > “if … then” inside Control “forever” 5. Add Operations >” … = 0 “ as condition of Control 4 6. Add Variable > “Life” as value Operation 5 7. Add Control > “stop all” into Control 4 8. Go to Control > “if “touching Donut” then” 9. Add Variable > “set “Life” to ….” under Looks “say Astaghfirullah for 0.5 seconds” 10. Add Operation > “variable “Life” - 1” as value of Variable 9 11. Go to Control > “if “touching mouse1” then” 12. Add Variable > “set “Points” to ….” under Looks “say Alhamdulillah for 2 seconds” 13. Add Operation > “variable “Points” + 1” as value of Variable 12
  • 18. Steps make Game 4 Sprite Donut: Put below code blocks under Event “when I receive “startgame” 1. Add Event > “when I receive startgame” 2. Move and drag code blocks start from Motion > “Point in direction 180” into here Put below code blocks under Event “when flag clicked” 1. Add Looks> “switch costume to donut” Sprite Mouse1: Put below code blocks under Event “when I receive “startgame” 1. Add Event > “when I receive startgame” 2. Add Variable > “set Life to 3 3. Add Variable > “set Points to 0 4. Move and drag code blocks start from Control> “forever” into here Test Game IV
  • 20. Steps make Game 5 Sprite Donut: Put below code blocks under Event “when I receive “startgame” 1. Insert Looks > “show” under Event Put below code blocks under Event “when flag clicked” 1. Insert Looks > “hide” under Event 2. Add Motion > “set y to 127” 3. Add Motion > “set x to ….” 4. Add Operations > “pick random -180 to 180” as value of Motion 3 Sprite Mouse1: Put below code blocks under Event “when I receive “startgame” 1. Insert Looks > “show” under Event Put below code blocks under Event “when flag received” 1. Insert Looks > “hide” under Event
  • 21. Steps make Game 5 Sprite Sprite1: 1. Click Stage and click tab “Backdrops” 2. Add New Backdrops “Room 2” 3. Click Text and give Game Tittle “Kejar Tikus, Awas Donat” 4. You can add more text 5. Once finished, back to Tab “Code” 6. Choose “Sprite 1” Put below code blocks under Event “when flag received” 1. Insert Looks > “switch backdrops to “Room 2”” under Event 2. Insert Looks > “hide” under Variable “hide variable “name”” 3. Add Control > “wait until ….” 4. Add Sensing > “key “any” pressed” as value of Control 3 Put below code blocks under Event “when I received “Startgame”” 1. Insert Looks > “switch backrdrops to “Wall 1”” under Event 2. Insert Looks > “show” under variable “show variable “name”” Test Game V
  • 23. Hack the Code Stage Game 1 Stage Game 2 Stage Game 3 (Sprite1)
  • 24. Hack the CodeStage Game 3 (Donut) Stage Game 3 (Mouse1)
  • 25. Hack the CodeStage Game 4 (Sprite1) Stage Game 4 (Donut) Stage Game 4 (Mouse1)
  • 26. Hack the CodeStage Game 5 (Sprite1) Stage Game 5 (Donut) Stage Game 5 (Mouse1) (partial block)
  • 27. Screen: X and Y Coordinate
  • 28. Sponsored By Made a Bag by Heart
  • 29. Question? Contact me: Akhmad Zaimi Email: djimie@gmail.com