Getting Started with PictoBlox

PictoBlox blocks Scratch how to
About This Tutorial
PictoBlox is a programming software based on Scratch, where you can make interactive games, animations or program robots and projects with evive, Arduino, etc..
Tutorial Info

Introduction

PictoBlox is a Scratch 3.0-based graphical programming software that is the ideal companion for the setting the first step into the world of programming. Its user-friendly interface and drag-and-drop functionality eliminate the need to memorize syntax and rules that is the case in traditional programming languages and often times scares children and makes them hesitant. As a result, they only require to focus on the problem at hand and develop skills such as logical reasoning and problem-solving – the must-have skills in today’s technology-driven world.

Installing PictoBlox

Choose the appropriate Operating System (Windows, macOS, Linux) and follow the steps:

Windows Installer (.exe)

STEP 1: Download the Pictoblox Installer (.exe) for Windows 7 and above (Release Notes).

PictoBlox is just a click away!
Enter your email address and receive installation, getting started guide and updates over email. Don't worry, it's absolutely FREE!
PictoBlox is just a click away!
Enter your email address and receive installation, getting started guide and updates over email. Don't worry, it's absolutely FREE!

STEP 2: Run the .exe file.

Some of the device gives the following popup. You don’t have to worry, this software is harmless. Click on More info and then click on Run anyway.

STEP 3: Rest of the installation is straight forward, you can follow the popup and check on the option appropriate for your need.

Installing PictoBlox

Your software is now installed!

macOS Installer

STEP 1: Download the Pictoblox Installer (.dmg).

PictoBlox is just a click away!
Enter your email address and receive installation, getting started guide and updates over email. Don't worry, it's absolutely FREE!

STEP 2: Run the .dmg file.

Linux Installer

STEP 1: Download the Pictoblox Installer (.deb) for Ubuntu (Linux) (Release Notes).

PictoBlox is just a click away!
Enter your email address and receive installation, getting started guide and updates over email. Don't worry, it's absolutely FREE!

STEP 2: Run the .deb file by clicking it or with the following command:

$: sudo dpkg -i PATH_TO_PICTOBLOX

STEP 3: Add User to the ‘dialout’ group (if not able to connect to the Serial port) with the following command:

$: sudo adduser ${USER} dialout

Your software is now installed!

Exploring the Surroundings

Pictoblox UI scratch

PictoBlox, like Scratch, has the following basic elements:

  1. Sprites
  2. Stage
  3. Blocks
  4. Script

Sprites

A sprite is an object, or a character, which performs different actions in the projects. It understands and obeys the instructions given to it. The bear you see in the image is a sprite. His name is Tobi. He will be your coding buddy in PictoBlox!

A sprite has costumes, which are one of the many appearances of the sprite. Some sprites have multiple costumes, and you’ll use blocks to perform actions.

Stage

The stage is the area where the sprite performs actions according to your program. The stage has its own scripts and sounds. You can decorate the stage using images; these images are called backdrops. You can choose a backdrop from PictoBlox’s inbuilt library, paint one yourself, upload an image from your computer or even click a picture.

Script

A script is a program or a code in PictoBlox/Scratch lingo. It is a set of ‘blocks’ that are arranged below one another in a specific order to perform a task or a series of tasks. You can write multiple scripts all of which can then run simultaneously. You can write the scripts only in the scripting area which is in the center of the screen.

Blocks

A block is like a jigsaw puzzle piece that is used to write programs by simply dragging and dropping them below one another in the scripting area. Using blocks to write codes eliminates the errors that might occur while writing codes in traditional programming languages.

Block Palette

The block palette is under the Code tab. It consists of different palettes such as Motion, Sound, and Control. Each palette has different blocks that perform functions specified by the palette name. E.g., the blocks in the Motion palette will control the motion of the sprite and the blocks in the Control palette will control the working of the script depending on specific conditions.

There are other varieties of block palettes that can be loaded from the Add Extension button located at the left bottom.

Modes

PictoBlox has two modes:

  1. Stage Mode: In this mode, you can write scripts for the sprite and boards like evive to interact with sprites in real-time. If you disconnect the board with Pictoblox, you cannot interact anymore.
  2. Upload Mode: This mode allows you to write scripts and upload it to the board so that you can use even when it is not connected to your computer, for example, you need to upload a script for making moving robots.

Activity: Making the Tobi Move

Installing PictoBlox: check!

Exploring its elements: check!

Writing your first script? Well, let’s check this off the list right now!

We’re going to write a script to make Tobi move, select the Tobi icon from the sprite palette once you have changed the backdrop. Follow the steps below to write a script for the same:

  1. Go to the Motion palette and drag and drop the move steps block in the scripting area. This block will make Tobi move the number of steps you enter into the white space. Write 5 in the space given.move block
  2. Now, to make Tobi move continuously we are going to use the forever block. Open the Control palette and drag and drop the forever block around the move block.
    the Events palette and drag and drop the when flag clicked block into the scripting area.
  3. Now, as you click on the script, Tobi moves continuously but moves out of sight! For this, we’ll use the if on edge, bounce block from the motion palette.if on edge bounce block
  4. You will notice that now Tobi bounces off the edge as he reaches but turns upside down. To make sure that Tobi doesn’t turn upside down, drag and drop the set rotation style block below the bounce block and select left-right from the drop-down. Now run the scriptset rotation style block
  5. Add a wait block below the set rotation style block and write 0.1 in the space given. This will make the Tobi move slow.
  6. A hat block is a block with a bump at its top and is used to start a script based on a pre-defined condition. Go the Events palette, and drag and drop the when flag clicked hat block above the forever block.
  7. Finally, time for action! Click on the green flag right above the top-left corner of the stage. The whole script will start glowing indicating that the code is running. Tobi starts moving but from the position from where he stopped.
  8. To make him start moving from a particular point every time you run the script, drag and drop the go to x, y block from the motion palette above the forever block. We’re placing it here because we want Tobi to reach the starting position before he starts moving. Enter in and -110 in y.making tobi jump

Making Tobi Look Like He’s Walking

  1. Switch to the Costume tab. It’s right next to the Code tab. You’ll see that there are 4 costumes and if we switch between walking 1 and walking 2 continuously, it will make Tobi look like he is walking.  Switch back to the Code tab for writing the script.
  2. Since we’re working on Tobi’s looks, we’re going to use blocks from the Looks palette. Drag and drop the switch costume to block into the scripting area.switch costume block
  3. Select Tobi Walking 1 from the drop-down.
  4. Duplicate the switch costume to block. Select Tobi Walking 2 from the drop-down of the second block.
  5. Add a wait block with a delay of 0.2 seconds below each switch costume to block and stack all the blocks together.
  6. Add a forever block to run the script forever.
  7. Finally, add the when flag clicked hat block above the script and run this script.
  8. Since both the scripts have the same hat block, they’ll run together whenever we click on the flag.
  9. You can go full screen by clicking on this button. Now, click on the flag button.making tobi walk

And that’s it! You’ve successfully written your first-ever code in PictoBlox! Nothing can stop you now from unleashing your imagination and do wonders with it. B-)

Enjoy!

evive Notes Icon
To stop the script, click on the red octagon on the right of the green flag.

 

making tobi move

Conclusion

In this tutorial, you learned about PictoBlox, a Scratch 3.0-based graphical programming software. Then, you wrote a script to make the sprite i.e. Tobi walk.

Hope you had fun! 🙂

Share this Tutorial
Share on facebook
Facebook
Share on twitter
Twitter
Share on google
Google+
Share on pinterest
Pinterest
Share on reddit
Reddit
Share on print
Print
Related Projects & Tutorials
Smartphone Controlled Robot
Smartphone-Controlled Mobile Robot

In this project, you will learn how mobile robot works and how to make a robot which will be controlled using Smartphone via Bluetooth communication.

PictoBlox blocks Scratch how to
Getting Started with PictoBlox
PictoBlox is a programming software based on Scratch, where you can make interactive games, animations or program robots and projects with evive, Arduino, etc..
All articles loaded
No more articles to load
Featured Projects
All articles loaded
No more articles to load

Leave a Reply

Close Menu
×

Cart