Class #2: Storytelling

● Never miss an
episode!
● Get Notified
of new shows!
CodeTigers
SUBSCRIBE

1. Meet Today’s Mentors
2. Week 1 Studio Time!
3. Sprites!
4. Game Time!
5. Next Week’s Class

What you will learn
1. Designing a Sprite
2. Writing a story
What you will learn

Meet the Mentors!
Starting with Scratch:

Mera
@MeraSeifu
Noora
@nooraabed
Abia
@abiazahir
Tanisha
@TanishaD11
Emanda
@emandaseifu
Vagish
@vagish
Pallab
@Pallab_Layak
Soham
@SohamDasgupta91
Nardos
@nardosd

Michigan, USA 11th grade
Playing Instruments & Basketball

Virginia, USA 12th grade
Reading & Baking

Excellent job!
1. Followed filename protocol
2. Accurate information in:
a. Instructions
b. Notes & Credits
3. Personalized message

1. RabbitJiya
2. iamleon25
3. yug201131
4. starlightknight9
5. Krishang74764
6. iampro06
7. Coding2705
Excellent job!

We also will be
covering most of these
design tools to
customize our sprites!

Click on the trashcan to delete the
sprites we won’t be using

The sprites are organised by tabs:

Notice when you hover your cursor over the
different sprites some move or change outfits!

Now my sprite shows on the stage!

Today were going to learn to
customize Sprites!

When we hovered the sprites we noticed that they were moving! That’s
because some sprites, like this one, come with multiple costumes!

There are 10
costumes with
this sprite!
I am going to
work with
costume #2!

We can click on the trashcan to delete the ones we don't
want to use

Now I’m ready to start designing!

This tool is the select tool, it allows us to click on parts of our
sprites and move them around! Let’s try removing her shoe...

OH NO! When we moved the shoe, we moved her whole leg!

This is because of the buttons at the top

The button allows us to group elements, like shoes and
legs, together so that we can move them all at once!

The button allows us to ungroup single items from each
other, so that we can move specific items, like the shoes!

So lets try this again, only this time we will ungroup the
shoes and the legs...

Before we make any changes, it’s important to make a copy of all
sprites we use! This way we remember what changes we made
To do this, we
right-click on the
sprite and click on
the “duplicate”
button

Now that we have two, it is important to name them so we
know which costume is which when we code.
We should name
them based on what
makes them
unique!

I will name the first one “NoSleeves” because her shirt
doesn't have sleeves!
Notice how
“NoSleeves” is doesn't
have a space! It’s a
good practice to name
items you code with,
without spaces or
special characters
like: @, #,$,!, etc.

Now let's use the other design tools to make the second
costume unique!

Let’s try to create sleeves!!!
Add a rectangle
using the square
shape tool:

Use the select tool to move the rectangle to cover
the arms:

Use the point tool to create curves in the sleeve:

Now let’s use the Fill button to change the sleeve color:

Use the eyedrop tool to select the color of the shirt for
the sleeve:

Now lets create the other sleeve!!!
Make a copy of
the sleeve by
either clicking
the copy button
on the screen, or
by pressing
Ctrl+C on your
keyboard

Now that it's copied, lets paste it into our costume!
Paste by either
clicking the
paste button on
the screen, or by
pressing Ctrl+V
on your
keyboard

Flip it horizontally to fit the other arm

Use the select tool to drag it to cover the other arm

Now we can name her based on the changes we made!

Let’s play with the other tools!
But don’t forget
to make a
duplicate after
every success so
we don’t lose
what we made!

Let’s change the color of her shirt!
The paint bucket
tool allows us to
change the color
of different
items to the
same color

We can color the sleeves and shirt separately...

Or we can use what we learned about grouping and
group together the shirt and then color it!

To group, go back to the select tool and hold down to draw a
box around areas you want to select OR hold down on the CTRL
and Shift keys and click the pieces you want to select

Once we select the shirt, we can directly use the fill button
instead of the paint bucket

Hooray!!! Now we can go ahead and name her and make a
copy!

Let’s explore what else we can do to make our costumes
unique!
Let’s add
another
Sprite
costume and
borrow some
of their
clothes!

Notice how this menu doesn’t just have single sprites, but also
has all their costumes!

Now this character has been added to our different costumes!

Let’s borrow her skirt!
We can use
what we
learned
about the
copy
button/
CTRL+C!

Now paste the selected item for the right character!

Use the select tool and the point tool to fit the skirt onto your
character!

Hooray! Now we can go ahead and delete the character we
borrowed the skirt from and name our character!

We can also make a duplicate and then match the colors to
make a dress! Let’s use the paint bucket tool!

We can also use the paintbrush tool to draw her a necklace!

For this final costume, make a copy of the sprite we didn’t
make changes to and drag it to the bottom.
We won't be using the sleeves or skirt we made.

Go to google and search for a clothing item you want your
sprite to wear!

Then right click the image and save the image

Go back to scratch to import our costume by clicking on the
upload costume button!

After you upload your image it will be in the Bitmap format

The Bitmap format is different than what we have been
working in. This is because it can only change the color of the
pixels
Even the
tools are
different!

Mini Game:
1 2
3 4
5 6
7 8
Guess which tool
is the erase tool

Select the erase tool (#7) and erase the background around
the skirt!

Because the background behind the skirt is all white,
instead of erasing it we can use the paint bucket tool
instead!

The slanted line means no color, which is the same as if we
were going to erase! this makes it much faster

Now that our skirt is ready, lets convert it to the form that
our character is in.
The Vector
format allows us
to use the select
tool which we
need to copy,
paste and
group/ungroup!

Copy and paste the skirt into our our costume

Use the select tool to fit the skirt onto your character!

Get creative!
Use the paint bucket tool to match her shirt and glasses to
her skirt!

Don’t forget to name the new costume and delete the skirt
after your done with it

Now choose a name for the sprite! I’m going to name her
Sasha!

Look at all the fabulous costumes we just
made! Great job us!

All the costumes that we just made will be available
for you to remix in our studio, but before next class
we would love to see your work!
Challenge #1

What is an
“excellent project”?
a. Instructions
b. Notes & Credits
3. Personalized sprite

The plot of a story is made up of the:
1. problem
2. important events
3. resolution

Sasha was
Invited to
a event!
What is
she going
to wear?
Sasha found
her party
outﬁt!

Sasha was Invited
to a event!
What is she going to
wear?
Sasha found her party
outﬁt!
1. Store
2. School
1. Bedroom 2
2. Bedroom 3
Where did she get her
invitation?
1. Party
2. Concert
Which bedroom is she
getting ready?
Where is the event?

Sasha was Invited
to a event!
What is she going to
wear?
Sasha found her party
outﬁt!

Let’s create our story!
Switch
back to the
“Code” tab

The block to start the story...
I know
how to
do this!

What block do we need to
start our story???

Go to the yellow “Events” tab
and grab .

Use the drop down menu and select the
costume we chose to start with!

Test your code by clicking the green flag and
making sure the costume switches!

The button to choose a background...
I know
how to
do this!

Where do we click to choose a
backdrop?

Enhance your story even more by
adding a backdrop!

Just like the sprites, the backgrounds are
also organised into categories

After you have select a background click
on the background stage

Notice how the tabs that said “Costumes”
for sprites now says “Backdrops”

In this tab we can see all the backdrops
we want to use for our projects!

Besides the way you learned last week, you can
add backdrops on the backdrops tab too!

Select the backgrounds we decided on

Your screen should look something like this:

Notice how the tools for creating a sprite
and a backdrop are the same!

Click back on Sasha to continue!

Next switch back to the Code tab

Use the switch backdrop block to start our
character at the store!

The block to make a sprite talk...
I know
how to
do this!

What block should we use to make our
character talk???

Make them talk to fill in details of the story!

Also adjust how long they should say the statement

We can also use a think block to show our character
thinking about what she should wear!

Now we can go to the bedroom we selected so Sasha
can get ready!

use another think block to show that she is thinking
about what to wear

Now switch her outfit to the one we decided!

Why doesn’t she wear it to the party? Add
another think block to let the audience know!

Switch it to the final custom!

Tell the audience that Sasha is ready!

Now Sasha is ready to go! Let’s switch the
backdrop to the party!

Your screen should look like this:

Create your own:
● costumes
● your own unique story
Challenge #2

What is an
“excellent project”?
a. Instructions
b. Notes & Credits
3. Personalized story (limit 3 backgrounds)

Uploading your projects to Class Studio
Here’s the link to the studio for today’s session:
https://scratch.mit.edu/studios/28810880/
Do upload what you’ve made before class #3!

Coolest Projects Competition
https://online.coolest
projects.org/

Check out your class resources!
Don’t forget to…..

Scratch
Lesson 3:
Sounds in
stories!
Join us next time for…..

Class #2: Storytelling

Recommended

Recommended

More Related Content

Similar to Class #2: Storytelling

Similar to Class #2: Storytelling (20)

More from Angela DeHart

More from Angela DeHart (20)

Recently uploaded

Recently uploaded (20)

Class #2: Storytelling