Sound Visualizer Using PictoBlox

by vikasgovindrao in Workshop > Science

31 Views, 0 Favorites, 0 Comments

Sound Visualizer Using PictoBlox

Screenshot 2026-09-06 172417.png
Screenshot 2026-09-06 164422.png

In this project, I created a simple Sound Visualizer using PictoBlox. The project uses the computer's microphone to detect the surrounding sound level and converts the loudness into a visual pattern on the stage.

The program continuously moves the sprite from left to right while using the detected loudness value as the Y-coordinate. The Pen extension draws the resulting pattern, creating a visual representation of the sound. When the drawing reaches the edge of the stage, the program returns to the starting position and continues drawing. The pen color also changes continuously, producing a colorful visualization.

This project is a simple way to understand how sound input, variables, coordinates, loops, conditions, and graphics can be combined in PictoBlox.

Supplies

Supplies Required

  1. Computer or laptop
  2. PictoBlox software
  3. Built-in microphone or external microphone
  4. Internet connection for accessing PictoBlox features, if required
  5. Basic knowledge of block coding

Set Up the Pen and Stage

Screenshot 2026-09-06 171253.png

Start the project by setting the sprite size to 25%, choosing the initial pen color, and setting the pen size to 4. Move the sprite to X = -230, erase any previous drawing, and put the pen down.

This prepares the stage for the sound visualization.

Convert Sound Into a Visual Wave

Screenshot 2026-09-06 164422.png

Use a forever loop to continuously read the microphone's loudness.

The sprite moves using:

X = X position + 1

Y = loudness

As the loudness changes, the sprite moves up and down while moving from left to right. With the pen down, this movement creates a visual representation of the detected sound.

Reset and Change Colors

Screenshot 2026-09-06 164827.png

Add an if condition to check whether the sprite reaches the right side of the stage:

If X position > 225

When it reaches the edge, the program lifts the pen, returns the sprite to X = -230, Y = 0, changes the pen color, and puts the pen down again.

The forever loop then continues drawing a new colorful sound visualization.