So far, we've been the robots ourselves, following instructions to make patterns and draw pictures. We learned that to get the right result, the sequencing and order of our code has to be perfect.
Today, we're going to meet a robot that lives on a screen. This robot can follow all the same commands we used to draw, and it will show us just how good it is at following our code.
Materials Needed:
A Screen/Projector: To display the simple web application.
Worksheets: Have a few of the "Drawing Robot" worksheets on hand to reference.
Markers: To draw a few example shapes before going to the screen.
Introduce the Paintbrush Path—it’s just like last lesson’s Bee game, but this time the paintbrush leaves a trail.
Pupils will direct the brush with clear commands to copy the target image shown in the game. Do a quick demo: point to the start, read one command at a time, and show how the brush draws a line after each move.
Then let the class suggest the next single command to build the picture step by step. This warm-up tunes their direction and sequencing skills for the rest of today’s lesson.
Tell the students you are going to code the digital robot to draw a simple square, just like they did with their markers.
Click the buttons in the correct sequence (➡️, ⬇️, ⬅️, ⬆️).
As you click, the code will appear on the screen, building the sequence.
Once you are done, press the "Draw" button. The digital robot will then "magically" draw the square on the screen.
This is the "aha!" moment where they see their unplugged work translated to the digital world.
Easy (single idea, short paths)
Short L (two across, one down)
Small box (2×2 square in a corner)
Stair 1 (right, down, right, down)
Plus sign arm (up, down, back to center, right) from center start
Horizontal line across row 2
Vertical line down column 2
Medium (closed shapes & simple turns)
Big rectangle (outline of the outer border)
T shape (stem up, cap across the top middle)
U shape (down, across, up)
Arrow → (shaft across, small V tail)
Zigzag (right, down, right, down across the grid)
Diamond (a tilted square centered in the grid)
Trickier (more steps & accuracy)
Stair 2 (right, down) repeated to the bottom-right
Spiral (around the edge, then one layer in)
Keyhole (small 2×2 box with a short “stem”)
House (square base with a peaked roof)
Letter S (two turns, one mid-grid)
Checker path (outline a 2×3 “C” then close it)
Give each student a worksheet. Tell them it's their turn to be the programmer.
Challenge them to write the code to draw a simple square and then a rectangle (There are more complex challenges for more advanced students below)
When they have completed the code, they can enter it into our online drawing robot to see if it works!
Warm-up square: From the top-left start, draw a 2×2 square.
Rectangle: From top-left, draw a 3 wide × 2 tall rectangle.
Staircase: Make three steps going right, down, right, down.
Perimeter walk: Trace the outer border of the whole 4×4 grid and return to start.
Letter L: Draw a tall line down the left edge, then right along the bottom.
Letter T: Draw a long line right across the top row, then from the middle go down to row 3.
Window panes: Draw two small 2×2 squares, one in the top-left, one in the top-right.
Zigzag: Cross the grid with a zigzag (right, down, right, up, right, down, right…).