Your name is required for this document. It is only stored on this local computer and no where else. Please enter your name below:

Lesson 1An introduction

Knox badge
Lesson 1An introduction
  • 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.
  • 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
S1 Scratch Assessment
Provide Feedback

What did you think of this lesson?

-- 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
Added the ability to lock and unlock DragonDocs

Added new checkboxes to each list item in a .task or .step
Added functionality to said checkboxes to add a strikeout to steps completed

Added the new 'step' class
Steps are now auto incremented in CSS so the name displays the step number
Activities are now also auto incremented to display the activity number

Added the 'matcher' feature to DragonDocs
Fixed an issue in which a closed section would retain it's original height within the document navigation
Added starters and the lesson review to the navigation on the side
The learning intentions and success criteria in teaching documents have now been redesigned to match my slides design

All buttons are now on the right hand side
The accessibility button now has WAI under it

-- DragonDocs version 2.2 (Serengeti) --

Code has been rewritten from the ground up to be object-oriented, making additional features easier to add

Changed the look of grouped multiple choice buttons

Added the new dragondocs_name feature and the requires_name property which allows names to be prepended to saved documents

Added code so when the user types in their name and hits the enter key it will save that data and close the modal window
Added the new DragonShow and DragonDocs Link - a connection between both services that allows the presenter to communicate with users of DragonDocs from a DragonShow
Added the new timer option which is sent from DragonShows

The matcher feature is no longer embed from but actually a feature of DragonDocs
Made DragonDocs 100% object-oriented, meaning much better management and better performance

Made subtle changes to the interface to tidy it up a bit

The multiple choice questions are now also part of the object oriented interface

As requested, h3 elements are now included in the 'floating navigation'
The active navigation element now becomes bold and the left border has been retired

Time left