Skip to content

Please update your browser

Your browser version is not supported by this site. CS First may not work properly. Learn more

arrow_back GIF for your Glitch


During The Signal episode, the characters experience a glitch as if they were stuck inside a television program with a poor broadcast signal.

Check it out.


(Larry thudding)

(exciting music)

And in other news, the town of Elmore has recently been suffering from some satellite broadcast issues.

We assure you, we are working on the problem, so please, bear with use while we try to-- (glitch buzzes)

Wait, then why is it affecting-- (Gumball chokes) (glitch buzzes)

In this video, you will upload a Lost Signal GIF, and animate it to make your Gumball story go off the air.

To start, click the Lost Signal GIF on this page to download the Lost Signal animation.

(upbeat music)

To add the GIF file to your project, select the upload sprite from file icon.

Then, select your GIF file from the downloads folder.

It may take a few seconds for the GIF to upload, and it might not look like the file is uploading until the GIF appears.

Once the GIF uploads, it appears in your sprites list.

It also displays over your animation.

Size the GIF so it fits your project.

When you upload a GIF as a sprite, Scratch breaks it up into separate costumes, or frames.

To see what this looks like, click the costumes tab, and click several costumes.

Next, animate into a moving image.

To switch costumes, click the code tab and select the looks menu.

Click the next costume block a few times to cycle through the costumes.

Then, drag it out.

Right now, you have to click the block to make the costume change.

To make the costume change repeatedly, drag out a repeat block from the control menu and place it around the next costume block.

Put the code to test.

Great, it works, but only the first few costumes show.

To make all the costumes show, change the value in the repeat block to a larger number.

Click on the costumes tab, then scroll down to the bottom to see the total number of frames that make up the GIF.

Types that number into the repeat block.

Put the code to test.

The code works, but the program cycles through the different costumes much faster than in the episode, it's too fast.

To slow it down, add a pause between costume changes.

From control, add a wait block under next costume.

Click your code to test.

Tinker with the values in the wait block to speed up or slow down the animation.

This example uses 0.2.

Test again by clicking the code.

(upbeat music)

Nice, it works, but the GIF doesn't start on the first costume.

To set a starting costume, add a switch costume to block to the top of your block stack.

Then, select the first costume from the list.

Click it to try it out.

(upbeat music)


Next, show the GIF at the right time in your story.

This example programs the GIF animation to appear between scenes.

Choose a sprite to broadcast the glitch.

To broadcast means to send a message from one part of a program to another part by telling code to run.

This example uses Carmen to send a message.

You will use a broadcast block to send a message, telling the code to run.

Select events.

Add the broadcast and wait block to the spot in your story where you wanna start you animation.

The broadcast and wait block will run all the coded triggers and wait until moving onto the next block.

In this example, the code will run before the backdrop switches.

Select the drop down, and name the message Start GIF.

Now that the message is broadcasted, set up your GIF sprite to receive it.

To start, select the GIF sprite.

Add a when I receive block to the top of the block stack.

Be sure the start GIF message is selected.

Click the flag to test.

Oh no, the sprites are hidden behind the GIF.

To fix this, program the GIF to show only when receives the broadcasted message.

From looks, drag out a hide block, and attach it to the end of the block stack, so the GIF hides after its code runs.

Then, add a show block under the when I receive block, so the GIF shows when it receives the broadcasted message.

Next, program the GIF to hide at the beginning of the project.

To do this, drag out a hide block from the looks menu, and attach a one flag click block on top of it.

Click the flag to test again.

(upbeat music)

Awesome, it works.

Now it's your turn.

Download the sample GIF and upload it as a new sprite.

Use next costume, wait, and repeat blocks to show the frames from the GIF in sequence.

Use a switch costume to block to start the GIF from the first frame.

Select a sprite who will trigger the animation, and add a broadcast and wait block to that sprite's code.

Add a when I receive block to the GIF sprite.

And finally, add show, hide, and one flag clicked blocks to control when the GIF appears.

Choose an Add-On
Place to Place
Use move blocks to add drama to the story
Hear It Happen
Create custom sounds to play randomly with the glitch
Even Glitchier
Make the glitch effect your backdrop
Make Them Jump
Program your characters to move with arrow keys
GIF for your Glitch
Upload a GIF and animate it to change your story
Costume Change
Use blocks to change your Sprite's appearance
arrow_backward Back
Next arrow_forward
Draw your story toward a conclusion using dialogue, scene changes, or new characters.