Interface Guide

What is ScratchJr?
ScratchJr is an introductory programming language that enables young children to create their own
im interactive stories and games.
 Interface Guide

Save
1
Save the current project and exit to the Home page.

Stage
2
This is where the action takes place in the project. To delete a character, press and hold it.

Presentation Mode
3
Expand the stage to the full screen.

Grid
4
Toggle on (and off) the x-y coordinate grid.

Change Background
5
Select or create a background image for the stage.

Add Text
6
Write titles and labels on the stage.

Reset Characters
7
Reset all characters to their starting positions on the stage. (Drag characters to set up new
starting positions.)

Green Flag
8
Start all programming scripts that begin with a "Start on Green Flag" block by tapping here.

Pages
9
Select among the pages in your project -- or tap the plus sign to add a new page. Each page
has its own set of characters and a background. To delete a page, press and hold it. To
reorder pages, drag them to new positions.

Project Information
10
Change the title of the project and see when the project was created.

Undo and Redo

11
If you make a mistake, tap Undo to go back in time, reversing the last action. Tap Redo to
reverse the last Undo.

Programming Script
12
Snap blocks together to make a programming script, telling the character what to do. Tap
anywhere on a script to make it run. To delete a block or script, drag it outside the
programming area. To copy a block or script from one character to another, drag it onto the
character's thumbnail.
 Interface Guide

13 Programming Area
This is where you connect programming blocks to create scripts

14 Blocks Palette
This is the menu of programming blocks. Drag a block into the programming area, then tap
on it to see what it does.

15 Block Categories
This is where you can select a category of programming blocks:
Triggering Blocks (Yellow), Motion (Blue), Looks (Purple), Sounds (Green), Control
(Orange), End Blocks (Red).

16 Characters
Select among the characters in your project -- or tap the plus sign to add a new one. Once a
character is selected, you can edit its scripts, tap its name to rename it, or tap the paintbrush
to edit its image. To delete a character, press and hold it. To copy a character to another
page, drag it to the page thumbnail.
Paint Editor Guide
 Paint Editor Guide

Undo
1
Reverses the most recent change.

Redo
2
Reverses the most recent Undo.

Shape
3
Choose a shape to draw: line, circle/ellipse, rectangle, or triangle.

Character Name
4
Edit the name of the character.

Cut
5
After selecting the Cut tool, you can tap a character or shape to remove it from the canvas.

Duplicate
6
After selecting the Duplicate tool, you can tap a character or shape to create a copy of it.

Rotate
7
After selecting the Rotate tool, you can rotate a character or shape around its center.

Drag
8
After selecting the Drag tool, you can drag a character or shape on the canvas. If you tap on
a shape, you can then edit the shape by dragging the dots that appear.

Save
9
Save changes and leave the paint editor.

Fill
10
After selecting the Fill tool, you can tap any section of a character or shape to fill it with the
currently selected color.

Camera
11
After selecting the Camera tool, you can tap any section of a character or shape, and then
tap the camera button to fill the section with a new photo taken with the camera.

Color
12
Select a new color to use for drawing and filling in shapes.

Line Width
13
Change the width of the lines in the shapes you are drawing.
 Block Descriptions

Start on Green Start on Tap

Flag

Starts the script when the Green Flag Starts the script when you tap on the
is tapped. character.

Start on Start on Message

Bump

Starts the script when the character is Starts the script whenever a message
touched by another character. of the specified color is sent.

Send
Message

Sends a message of the specified

color.

Move Right Move Left

Moves the character a specified Moves the character a specified

number of grid squares to the right. number of grid squares to the left.

Move Up Move Down

Moves the character a specified Moves the character a specified

number of grid squares up. number of grid squares down.

Turn Right Turn Left

Rotates the character clockwise a Rotates the character

specified amount. Turn 12 for a full counterclockwise a specified amount.
rotation. Turn 12 for a full rotation.
 Block Descriptions

Hop Go Home

Moves the character up a specified Resets the character’s location to its

number of grid squares and then starting position. (To set a new
down again. starting position, drag the character to
the location.)

Say Grow

Shows a specified message in a Increases the character's size.

speech bubble above the character.

Shrink Reset Size

Decreases the character's size. Returns the character to its default

size.

Hide Show

Fades out the character until it is Fades in the character until it is fully
invisible. visible.

Pop Play Recorded Sound

Plays a "Pop" Sound Plays a sound recorded by the user.

 Block Descriptions

Wait Stop

Pauses the script for a specified Stops all the characters' scripts.
amount of time (in tenths of seconds).

Set Speed Repeat

Changes the rate at which certain Runs the blocks inside a

blocks are run. specified number of times.

End Repeat Forever

Indicates the end of the script (but Runs the script over and over.
does not affect the script in any way).

Go to Page

Changes to the specified page of the

project.
 Make Car Drive Across the City

1. Choose Background 4. Make Programs

New OK
Background
Grid
On/Off
2. Choose Character
Use the grid to calculate how
many blocks the car should move
New
Character OK

Delete the cat (press and hold)

3. Resize Character and Move to

Start Place

Shrink

Drag the car to the bottom corner

of the screen

How would you make the car go only halfway across the screen?
What would happen if a wizard, a dragon, or an elephant appeared on the sidewalk?
 Make 3Characters Run a Race

1. Choose Background 3. Move Characters to Start Places

New OK
Background

2. Choose Characters Position the characters by dragging them

from the center of the screen

New 4. Make Programs

Character OK

New
Character OK
Slow

New
Character OK
Fast

Delete the cat (press and hold)

Medium

What other programs can you make with a speed block?

If you can't find the characters or background that you're looking for, paint your own!
 Make the Sun Set

1. Choose Background 4. Make Program

New OK
Background

2. Choose Character

New
Character OK

Delete the cat (press and hold)

3. Move Character to Start Place

Position the sun by dragging it from the

center of the screen

Can you add some animals to live in this park?

Can you make the animals disappear when the sun sets?
 Make a Spooky Forest

1. Choose Background 3. Write a Title and Change Color

New OK Add Text

Background

2. Choose Characters Select

Color

New 4. Make Programs

Character OK

New
Character OK

New
Character OK

Delete the cat (press and hold)

Can you make the bat spin all the way around in a circle?
Add your own characters to make your own spooky scene!
 Make the Moon Rise after the Sun Sets

1. Choose Project 3. Choose Background; Edit to

Remove Background’s Moon

New Edit
Sunset
Background

2. Add a New Page and add Moon

Character to New Page Cut OK
Select the “Cut” tool,
and then tap the
moon to delete it
New Page
4. Change Program on Page 1; Make
Program on Page 2
New
Character OK

Delete the cat (press and hold)

Now that you know how to make new pages, can you make a project that has 3
pages, or 4 pages?
What happens when you drag a character from one page to another?
 Make Character Dribble a Basketball

1. Choose Background 4. Make Programs

New OK
Background

2. Choose Additional Character

New
Character OK

3. Move Characters to Start Places

Position the characters by dragging them

from the center of the screen

Can you make the cat shoot the ball into the basket?
What else can you make with two characters moving at the same time?
 Make Characters Dance?

1. Choose Background 3. Move Characters to Start Places

New OK
Background

2. Choose Characters Position the characters by dragging them

from the center of the screen

4. Make Programs
New Character OK

New Character OK

Delete the cat (press and hold)

Can you make other things happen when one character touches another? Try the
disappear block!
How can you use the speed block to change how the characters move?
 Make Characters Greet Each Other

1. Choose Background 4. Make Programs

New OK
Background
Oh, hi dog!
2. Choose Additional Character

New
Character OK

3. Move Characters to Start Places Woof! Woof!

Position the characters by dragging them

from the center of the screen

Why do you think the program repeats forever?

What could you change to have the program not repeat forever?
 Make Characters Talk

1. Choose Background 4. Make Programs

New OK
Welcome! My name is Mr. Smith.
Background
It is nice to meet you all!

2. Choose Four Characters

New Character OK Hi! My name is .

Then choose three

more, like:

Hi! My name is .

Delete the cat (press and hold)

3. Move Characters to Start Places

Hi! My name is .

Position the characters by dragging them

from the center of the screen

Can you add movement to this scene?

Now that you can send messages from one character to another, can you make a
relay race?