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 Ajouter un Écran-titre


In this add-on, you will design and program a title screen that will appear at the start of your story.

Remember to use your creativity to customize the design and code of your project.

Check out these projects created by other CS First computer scientists just like you!

Watch this video to learn how to do it, then try it on your own.

To start, click “paint new backdrop.” This button creates a new, blank backdrop that will become your title screen. It’s important to call the new backdrop by a descriptive name, like “Title Screen,” so you can easily code with it later.

To make the title, click the “text” tool, then click a little left of the center of the backdrop and type a title. A good title does two things: 1) It hints at what’s in the story. 2) It grabs the audience.

This story uses a simple title: “Just Friends.” Tinker with the color and font until you like the result. To resize the title, click away from it, then drag the corners. You can also use the select tool to highlight and resize.

Once you’re happy with how the title looks, jazz up the backdrop using the line and shape tools.

To delete a section, box it using the select tool, and press the delete key on the keyboard. If you make a mistake, that’s okay! Undo mistakes using the “undo” button.

This title looks pretty plain, but you can make yours as simple or as wild as you like! Next, you need to make the title screen appear at the start of your story. Click the scripts tab. Notice that the stage is still selected. In Scratch, code can be written for both sprites and the stage.

There’s no code here because you haven’t written code for the stage yet.

To make the title screen appear at the start of the story, add a “when flag clicked” event and a “switch backdrop to” block. Change the value to “Title Screen.” If you didn’t rename the title screen in the previous steps, it will still be called “backdrop2.”

Now, click the flag to try it out!

Oh no! It’s kind of a mess! The Title Screen shows, but the story starts without switching to the story backdrop.

To fix this, add a “wait” block, and change the value to something short, like 3 seconds.

Then, add a “switch backdrop to” block, and change the value to the name of your story’s original backdrop.

Try it now!

Cool, it works!

Tinker with the value in the “wait” block to show the title slide for as long as you like.

Finally, the characters’ code should not run until after the title screen shows. The title screen shows for three seconds in this program, so the example places a “wait for 3 seconds” block before each character’s dialogue.

Great! Now, it’s your turn! 1) Paint a new backdrop and use the text tool to write a title. 2) Program the backdrop to change when the flag is clicked. 3) Use “wait” and “change backdrop to” blocks to switch backdrops again. 4) Finally, add wait blocks before each character’s dialogue so they start talking at the right time.

Choisir une extension
Ajouter un Écran-titre
Dans cette extension, tu vas concevoir et programmer un Écran-titre qui apparaîtra au début de ton histoire.
Costumes animés (Part 1 of 2)
Cette extension va te montrer comment animer tes personnages en utilisant des costumes et des nouveaux blocs "Apparence".
Costumes animés (Part 2 of 2)
Cette extension va te montrer comment animer tes personnages en utilisant des costumes et des nouveaux blocs "Apparence".
Ajouter du mouvement (défi)
Dans cette extension, tu vas découvrir le bloc "Glisser" que tu pourras alors utiliser pour ajouter du mouvement à ton histoire.
Ajouter un troisième personnage
Dans cette extension, tu vas ajouter un troisième lutin à ton histoire en utilisant un bloc "Envoyer à tous".
Ajouter une deuxième scène (défi)
Dans cette extension, tu vas apprendre comment ajouter une deuxième scène à ton histoire, puis tu programmeras de ton côté le dialogue dans cette scène.
arrow_backward Retour
Suivant arrow_forward
  1. Choisis une extension, et clique sur "Regarder" pour découvrir comment la créer.
  2. Une fois que tu as terminé une extension, essayes-en une autre !