Please update your browser
Your browser version is not supported by this site. CS First may not work properly.
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.
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--
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.
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.
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.
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.
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.
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.
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.