Lesson 6Using the pen tool

Knox badge
  • How to draw using Scratch
  • How to write a series of instructions to tell a computer to draw
  • I will be able to make simple shapes in Scratch using a series of instructions

In this lesson we are going to do some drawing using a computer pen. A pen is a tool much like a real pen that allows the computer to draw. We are going to draw interesting shapes using this.

Competition time!

You'll be competeting with each other to try and make the most interesting drawing. Your work will be evaluated based on how complex it is.

Finished product

You can see a preview of the finished drawing below:

Add the Scratch extension

To be able to use the Pen in Scratch, we need to first add the Scratch Extension.

First, at the bottom left, find the Extensions Button icon and click on it. Your screen should look like this:

Select the extension that says Pen.

Getting started

  1. The first step with the Pen tool is to make sure that we have cleared everything from before – just in case we used the Pen and left something on the screen.
  2. To do this we, must use the following blocks:
Block Purpose
Erase all Clears the previous drawings made by the Pen
Pen up Prevents the Pen from drawing when the sprite moves
Set colour to Sets the colour of the pen
Whenever we are using the Pen, we should always have these blocks at the start of the sequence so that anything drawn with the Pen before is removed.

Drawing a line

To draw a straight line using the Pen tool, we need to add just the following blocks:

The pen down block is used to start drawing. Whenever the Pen is down Scratch will draw underneath the sprite when it moves. It’s much like a Pen and paper.

Try out what you have just created.

Making interesting shapes

Try adding the following sequences of blocks to your code and see what you get.

Shapes 1
Shapes 2

Each shape requires the user to press a different key to get them to appear.

Try out what you have just created.

Over to you

  1. Add the following blocks into your sprite. Note for this task you will need a variable called steps.
  2. Using the Pen tool, draw your own shape.
  • Insert your name below:

  • 1

    Upload your screenshot below:

  • 2

    Which shape will be created from the following sequence of commands?

    Shape code 1
  • 3

    Which shape will be created from the following sequence of commands?

    Shape code 1
  • 4

    Which shape will be created from the following sequence of commands?

    Shape code 1
  • 5

    How well do think you completed this task?

  • 6

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

Try creating the following shapes:
  • A star
  • A pentagon
  • A house
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