Lesson 1An introduction

Knox badge
  • Get to know Scratch
  • How to add a character sprite to a Scratch game
  • How to create an event in Scratch
  • How to create a sprite
  • How to create a costume for a sprite
  • How to change the backdrop of the stage
  • I will be able to change a sprite
  • I will be able to create multiple costumes for a sprite
  • I will be able to change the costume of a sprite in Scratch
  • I will be able to change the backdrop of the stage

In this lesson you will create your own sprite and learn how to use Scratch.

Getting to know Scratch

To start with you are going to get to know Scratch. Take a few minutes to have a look around and familiarise yourself with it.

What is the point of Scratch?

Scratch is a computer programming language. Computer programming languages or programming languages require you to think logically about solving a problem. Scratch is a programming language too, which is designed to help you think like a computer programmer. Scratch teaches you some of the basics of computer programming. You will gain computational thinking skills from using Scratch as well as develop further problem-solving skills.

Saving your progress

The web version of Scratch automatically saves everything you do, so don't worry about clicking the save button each time.

If you need to download your project, you can do so at any time by clicking the File and then "Save to your computer" option at the top left.

When you want to restore it, just click the "Load from your computer" option in the same place and find your file.

The stage

In Scratch, the area where we see our program, game or animation happening is called the stage. A character or object within the stage is called a sprite. We call the background of the stage the backdrop.

Adding controls

When we make a Scratch project, we build it using a bunch of blocks put in a certain order or sequence. You can find these blocks under the different tabs on the left-hand side of the screen.

There are several categories of these blocks. We have:

  • Motion
  • Looks
  • Sound
  • Events
  • Control
  • Sensing
  • Operators
  • Variables
  • My Blocks


An event is an action that happens that causes a computer program to do something. A real-life action, for example, is that the school bell rings. The action would cause the pupils to go to the next class.

Computers rely on these events to be able to act. In Scratch, there are a quite a few events under the Events tab.

Scratch has several actions that cause events to happen. These actions and events can be found under the Events tab on the left side of the Scratch interface.

To start our Scratch animation, game or program, we need to create an event at the top.

Normally, we use the when clicked event to start our Scratch game.


A sprite is basically any object or character in your Scratch stage. For example, the cat is a sprite.

We can add more sprites by clicking the button at the bottom right. This will bring up a list of sprites. For this task you will need to add another sprite.

When you click this button, you will be shown all the sprites available:

In this lesson we will be learning about sprites and backdrops in Scratch.

Creating our own sprite

We can create our own sprites in Scratch. To do this, select Costumes at the top.

Once you have the screen above, we are going to change the appearance of the cat.

The tools to the left side of the sprite allow us to change the appearance of sprite. Try them out so that you get an idea as to what they all do.

You can change your sprite's appearance however you want using these tools – it's entirely up to you. Be creative!

Changing a sprite will require you to change every costume you want to use.

Changing costumes

Now we are going to make our character change costumes. We can change the costume of our characters by clicking on one of them on the left. At the moment we have only changed the first costume.

To change the second costume, we need to click on the one that says costume2 (note that the name might be different depending on the name of the sprite, for example the Bat will have different costumes).

Change the second costume to look similar to the previous one. For example, in the example shown you can see that the cat has red eyes, for the second costume the cat would also have to have red eyes.

We do this because otherwise when the character changes costume they would look very different. We want them to remain mostly the same.

Changing the background

Once you have changed your sprite, we are now going to change the backdrop of our stage.

Click the Choose a Backdrop icon at the bottom right of the screen until you get a screen like the following screen:

At the top right you can search for a backdrop. When you have found a backdrop you are happy with, click it.

  1. Create your own sprite using the editor.
  2. When you have created it, right click it and then click 'Export' and save it to your computer.
  • Insert your name below:

  • 1

    Upload your screenshot below:

  • 2

    In your own words, explain the term 'sprite'

  • 3

    State one event that can be used within Scratch.

  • 4

    What other sprite(s), other than the cat did you use?

  • 5

    How well do think you completed this task?

  • 6

    What parts of this task, if any, did you struggle with?

  • Try changing another sprite of your choice, remember to make sure to change all costumes of the sprite.
S1 Scratch Lessons
S1 Scratch Extension Tasks
Provide feedback

What did you think of this?

-- DragonDocs version 0.9 --


Started on DragonDocs
Created a YASS/PHP and HTML-based system for saving and retrieving data

Added CSS styles to page
Added JavaScript code to the page

Added the multipage option (used in my dissertation)
Added the XMLHttpRequest-based multipage requests

Added the Accessibility features
Filters added

Purple filter added

Added the Note class
Added the Did You Know class

-- DragonDocs version 1.0 (Yosemite) --

First trial of DragonDocs in teaching

Added the Task, Starter, Review your learning sections

Added the feedback feature
Added the Dark Mode toggle

Performance gains through the removal of unnecessary code
Added the Learning Intentions and Success Criteria features
Added the school badge

Changed the headings (h2) to be more consistent with my website
Added sections to the pages - sections must be preceded by a h2
Added the "I have read this section" buttons
Changed the main heading zone to gradient text like my website
Added the table of contents feature

Added the Print feature
Updated the footer to feature a new gradient
Added the Test It! class
Added the green flag
Automated the table of contents using JavaScript

Added the 'includes' feature to the document, allowing inclusion of other files easily
Removed the requirement that the IP address must be one of the schools I have taught at, opening these documents to the public

Once a section has been read or completed, the user can now hide that section

Added the Extension task class
Changed the scrollbar on Windows to match that of macOS

-- DragonDocs version 2.0 (Kilimanjaro) --

Added the Save button and the ability to save 'results' or answers to a Word document

Added the large numbers class
Removed the background of the page navigation

-- DragonDocs version 2.1 (Aurora) --

Added the active class to active links in the bottom section

Added the image upload feature

Added a fix that prevents the upload of non-image files into an image upload
Added pasting images to the upload feature

Added the ability to view the changelog from a document
Improved the feedback system by recording the DragonDocs User ID and the Document ID data
The feedback from DragonDocs can be accessed much easier

Added the new step_by_step_mode feature, allowing sections to be viewed individually