Skip to content

Please update your browser

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

5. Final Showcase

Transcript

In this video, you'll learn how to showcase your fitness gadget at the end of the commercial.

This is how fitness companies get you to buy their product.

They remind you of the product that they are selling so it's fresh in your mind next time you go shopping.

To use this same tactic, click on the showcase sprite, drag out a show block, and connect it to a go to front block.

This moves the sprite in front of the other sprite.

Drag a set effect block to the scripts area, select ghost from the drop down menu, and change the value to 100.

When you click on the block stack, the sprite disappears.

A ghost value of 100 makes the sprite invisible.

Click on clear graphics effects in the looks menu to make the sprite reappear.

Click on the block stack again, so that the sprite remains invisible.

In order to create a slow transition effect that causes the sprite to reappear gradually, drag out a change effect block, and select ghost from the drop down menu.

Then, place a a repeat loop around the change effect block.

Click on the block stack to test.

Wait, nothing happened.

That's because the ghost effect ranges from zero to 100, and the effect has already been set to 100 using the previous block.

Change the value in the change effect block to negative two.

Then, click on the block stack.

The showcase sprite starts to appear.

Sweet.

Clicking on the stack a few more times allows the showcase sprite to fully appear on the stage.

To avoid clicking the block stack five times to make the sprite fully appear, change the value in the repeat loop to 50.

Clicking on the go to front block stack hides the showcase sprite, and clicking on the repeat block stack makes it reappear.

Connect these two block stacks to make these two actions happen one after another.

Test it out.

Sweet.

To make your fitness gadget fade out after a while, duplicate the repeat loop, and change the ghost effect to positive two.

Now throw a wait block between these block stacks, and set the value to however long you want the gadget to remain on the screen.

This example uses five seconds.

Test it out.

The fitness gadget fades in, shows for five seconds, then fades out.

To personalize your project, click on the costumes tab, and add the name of the fitness gadget along with a tagline.

Feel free to change the color of the backdrop so that your fitness gadget really pops at the end of the commercial.

The code stack is a module.

Give it a name by dragging out a when I receive block, and adding a new message like showcase product.

Finally, tell your program when to run the showcase product module.

Click back to the athlete sprite, and drag out another broadcast and wait block.

Select showcase product from the drop down menu.

Then, place it when you want the product showcase to appear.

In this example, the product will showcase at the end of the commercial, so this block goes under the other broadcast blocks.

Alright, here's the game plan.

First, use show and go to front blocks to make your sprite stand out.

Use the set effect to, change effect by, repeat loops, and wait blocks to create a transition.

Add broadcast and when I receive message blocks so your code will run after the introduction.

arrow_backward Back
Next arrow_forward
Instructions
  1. Use "show" and "go to front" blocks to make the showcase sprite stand out.
  2. Use "set effect," "change effect by," "repeat" loops and "wait" blocks to create a transition effect.
  3. Add "broadcast and wait" and "when I receive message" blocks, so your code will run after the introduction.