Introduction to Programming

Activity: Making an Animation in PictoBlox

Lesson 2: Backdrops, Costumes, and Animation

Getting Started with PictoBlox

Animations are created, when a set of images changes quickly and repetitively creating a sense of motion.

Tobi the bear sprite standing in a forest backdrop in PictoBlox

In this activity, we will make Tobi walk.

  • We will continue the script from the Backdrop topic.
  • Create the Tobi Walking script made in lesson 1.
Block coding script with set rotation style, forever loop, move steps, and if on edge bounce blocks

You can make more than one scripts run simultaneously in one program.

PictoBlox stage showing multiple block coding scripts running simultaneously with Tobi walking in the forest

To change a sprite's costume, PictoBlox has the switch costume to () block available in the Looks tab.

Switch costume to Tobi block in PictoBlox

To make a walking animation of Tobi switch between the following two costumes Tobi:

  • Tobi Walking 1
  • Tobi Walking 2

Make the script shown below. You will find the blocks used in the mentioned palettes:

  • When flag clicked - Event
  • Forever - Control
  • Switch costume to () - Looks
  • Wait () seconds - Control
Block coding script showing forever loop with switch costume to Tobi Walking 1, wait 0.2 seconds, switch costume to Tobi Walking 2, wait 0.2 seconds

Click the green flag to start the animation.

Tobi the bear walking in the forest backdrop in PictoBlox after running the animation script
  • If you think that Tobi is changing costumes slowly, then you can change the speed by changing the delay. Try changing it to 0.1, 0.2 & 0.3 seconds. Which of the above values do you find most appropriate?
  • To make Tobi walk from one end of the Stage to the other, make the script you made in the previous lesson.

Congratulations on making your first animation! It was fun, wasn't it? Now, let's get on with the course. Save the file with the name Animating Tobi.

Subscribe to our newsletter.

Get updates to news and events.