Click on Open to retrieve a game.

1
Getting Started

• Click on Open to retrieve a game.

• Select the Games Folder.

• Select a game to play.
• Read the instructions on the Right Hand Side.
• PLAY!

2
Developing Online Games and Animations in Your
Out-of-School Program

• Vishal Singh Trudy Dunham
• University of Nebraska University of Minnesota
• May 2008
• National CYFAR Conference
• San Antonio TX

3

• Learn Create Program

4
Learning the Scratch Language

• Scratch (scrach) n. An interpreted dynamic visual
  programming language
• Teaches programming concepts to youth by enabling
  them to create games, animations, videos, and
  music
• You can create and animate characters that dance,
  sing, and interact with each other

5
Before the Creating Can Begin

• There is some research (program outcomes) you
  need to know, and then
• some important sites and buttons on the Scratch
  Program that you need to know

6
The Scratch Skill Set

• Information Communications Skills
• Information Media Literacy
• Communication
• Thinking Problem Solving Skills
• Critical Thinking, Systems Thinking
• Problem Identification, formulation, solution
• Creativity Intellectual Curiosity
• Interpersonal Self Directional Skills
• Interpersonal Collaborative Skills
• Self-Direction
• Accountability Adaptability
• Social Responsibility
• Reference http//llk.media.mit.edu/projects/scrat
  ch/papers/Scratch-21stCenturySkills.pdf

7
What Makes An Educational Game

• Animation is good, game is better
• Play - how we teach our culture, share tools
• Humanity's most serious activities belong to the
  realm of make-believe. Culture comes from play.
  -- J Huizinga
• What is fun for one person can be tedious for
  another
• A game is a system in which players engage in an
  artificial conflict, defined by rules, that
  results in a quantifiable outcome. Salen
  Zimmerman
• Games are a disruptive medium possibility spaces
• Gaming process and sharing knowledge is more
  important than getting a high score.
• Game playing alone is often not a learning event,
  but contributes to learning. Reflection following
  game play is where the learning takes place
  identifying strategies, rules, the system.

8
What Makes An Educational Game - 2

• Game making a learning activity which comprises
  the solving of an ill-structured problem. Means
  cognitive benefits are hard to identify, to
  predict.
• Think of games as systems simple to complex
  dynamic
• Game elements can subvert the learning make
  things happen faster, or more dramatically, or
  skip over tedious steps. Increases fun but at the
  expense of accuracy.
• The more one cares about content, the more
  intolerant of game elements. When house is
  burning need to learn to put out the fire, you
  dont want to play a game.
• Game elements (score) can focus users on besting
  that element rather than learning the material.
• Too little game results in boring too many
  silly,distracting
• Balancing simulation elements, game elements, and
  pedagogical elements is unquestionably an art.
  Understanding the trade-offs is critical.

9
Some Basics

• Hardware
• The Display 1024 x 768 or larger, 16-bit color
  or greater
• Operating System Windows 98 or later, Mac OS X
  10.3 or later
• 120 megabytes of free space to install
• CPU memory requirements are soft. Most
  computers have enough memory to run Scratch,
  though older computers may run slowly
• Speakers microphone to use audio features
• Audience
• Works well with school age, teen and adult
  audience
• Build complexity of task by adding features for
  more advanced users

10
Mission of the Month

• Game animation development contest
• Posted June 1 2008
• Audience Youth
• Due August 30
• Last years contest rules tips
• http//www.cyfernet.org/4htech/mission/06-07-GameD
  evelopment/

11
The Scratch Control Design Screen
12
Important Areas
Tabs
Project Notes
Palate
Green Flag
Stage (White Space)
Blocks
New Sprite Buttons
Script Area
Sprite List
13
The Basic Buttons

• New Sprite Buttons
• The Scratch objects and characters are called
  Sprites

• Get a new cat Sprite (Default)

• Paint your own Sprite

• Choose an image for a new Sprite

• Get a surprise Sprite

14
The Basic Buttons

• Sprite Costumes
• Change your Sprites Look with a costume change
• Click on the Costumes tab. To add a costume
  click Import
• To modify your Sprite using the paint function,
  click Edit
• Any image can be used

15
The Basic Buttons

• Scratch Blocks
• By snapping these blocks together you create a
  script
• When you double click on a script, your program
  will run
• The Scratch blocks are in 8 color-coded
  categories based on function

16
Exercise 1

• The Cat Walk

17
Doin the Cat Walk

• Create a Sprite fashion show!!
• This exercise will teach you how to make your
  Sprite
• Change Color
• Walk
• Undergo a Costume Change

18
Setting the Stage

• Before you can begin to move blocks onto the
  Script Area
• Click on the Scripts tab
• The tab should be pale blue

19
Color Change

• Click on Control from the Palate.

• 2. Click and pull the block
  onto the Script Area.

• Click on Looks from the Palate.

4. Click and pull the block
onto the Script Area.

• Snap the two blocks together.

20
Color Change
- Your Design Control Center Screen should
look like this. - Hit the space bar and watch
your Sprite change colors.
21
Sprite Starting Position
These are your (x) and (y) coordinates for your
stage.

• Click on Motion from the Palate.

2. Click on and pull the block
onto the Script Area. Click on the white
holes and type in -139 for (x) and 0 for (y).
This will be your starting point.
22
Sprite Starting Position
3. Click on Control from the Palate.
4. Click and pull the block
onto the Script Area.

• Snap the two blocks together.

6. Click on the green flag and watch your sprite
change locations. Experiment with position by
changing your (x) and (y) values.
23
Sprite Starting Position
- Your Design and Control Center Screen should
look like this. - You can now position your
Sprite and change colors.
24
Walking

• Click on Control from the Palate.

2. Click and pull the blocks
, , and
onto the Script Area.
3. Click on Looks from the Palate.
4. Click and pull the block
onto the Script Area. Click on the
arrow in the costume1 box and select costume2.
25
Walking

• You should have 2 separate blocks for
  , that say Costume1 and
  Costume2.

6. Click on Motion from the Palate.
7. Click and pull the block onto
the Script Area.
8. Snap the blocks and
together as shown.
26
Walking

• Stack the remaining blocks in this pattern.

• Click on the and drag your new
  stack of blocks into the space in the
  block.

IMPORTANT ? If you do NOT click on the
block then your complete stack of blocks
will NOT stay together when moved. The blocks
will come apart instead of moving together.
27
Walking

• - Press the green flag and watch!
• Experiment with the purple change effects block.
  Click on the arrow to see the options.
• Press the space bar to see the new changes.

28
Making Project Notes

• Using the project notes option you can type and
  leave instructions for other people who look at
  your Scratch programs.
• This is also a great area to leave any comments
  about the design of your project.

Project Notes Icon can be found in the upper
right hand corner of the Scratch Design and
Control Center Screen
29
From one Project to Another

• Click on Save to save your work
• The file should be named Exercise 1
• Click on New to begin a new program.

30
Exercise 2

• The Digital Picasso

31
A Digital Picasso with Animated Painting

• We will design digital artwork.
• This exercise will teach you how to
• Create a customized Sprite using
• The Paint Function
• Animation
• Sound

32
Learning How to Paint
We will make a sprite that is your name.
From the New Sprite Buttons, Click on the
button to get started! The
paint function will appear in the middle of your
screen.
33
Learning How to Paint

• Click on the paintbrush and select a color from
  below.
• Click on the capital T. A black box and a blue
  vertical line will appear.
• Click in the paint area. You will now be able to
  type your name. Click OK.

34
Animation Sound

• Click on Control from the color palate.

2. Click and pull the blocks
and onto the scripts
area.
3. Click on Sound from the color palate.
4. Click and pull the block
4 times into the script area. For
two of the blocks, click on the arrow in the 48
box and change the value to 40. The other two
stay the same.
35
Animation Sound

• Click on Motion from the color palate.

2. Click and pull the blocks
, ,
, and
onto the scripts area.
Note You need 2 of each for these blocks
Turn Left
Turn Right
Glide
Ignore the numbers at this point.
36
Animation Sound
3. Enter your values and variables

• In the block type
  in 3 for the seconds area and (x) 140 with (y)
  as 50
• In another block
  type in 3 for the seconds and (x) -135 with (y)
  -157

• For the 2 blocks and the 2
  blocks have 1 Left and 1 Right
  stay at 15 degrees
• Type in 30 degrees for the other 2 blocks

• The should say x (0), y
  (0)

37
Animation Sound

• Using what you have learned so far stack your
  blocks into this order.
• Click the green flag and watch your Sprite go!
• Celebrate Success!!
• Save your new script under Exercise 2.
• Open a new page and be creative.

38
Getting Ready to Take the Knowledge Home

• Like it?
• If you want your exercises email them to
  yourselves
• For Questions or Comments Contact
• cyf_at_umn.edu

http//scratch.mit.edu
Now that you have the Scratch basics it is time
for you to create scripts of your own!