Filters

Other

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

Events

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.

Sprites

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
Assessment
Provide Feedback

What did you think of this lesson?

!
-- DragonDocs version 0.9 --

20.08.2017

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

21.08.2017
Added CSS styles to page
Added JavaScript code to the page

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

08.02.2018
Added the Accessibility features
Filters added

10.02.2018
Purple filter added

17.03.2018
Added the Note class
Added the Did You Know class

-- DragonDocs version 1.0 (Yosemite) --

02.10.2019
First trial of DragonDocs in teaching

04.10.2019
Added the Task, Starter, Review your learning sections

07.10.2019
Added the feedback feature
Added the Dark Mode toggle

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

31.09.2021
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

02.02.2022
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

06.02.2022
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

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

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

-- DragonDocs version 2.0 (Kilimanjaro) --

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

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

-- DragonDocs version 2.1 (Aurora) --

08.02.2024
Added the active class to active links in the bottom section

09.02.2024
Added the image upload feature

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

11.02.2024
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

12.02.2024
Added the new step_by_step_mode feature, allowing sections to be viewed individually
Added the ability to lock and unlock DragonDocs

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

23.02.2024
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

25.02.2024
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

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

-- DragonDocs version 2.2 (Serengeti) --

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

28.08.2024
Changed the look of grouped multiple choice buttons

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

09.03.2024
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

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

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

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

09.04.2024
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

: