Lesson Plan
Game Design

Overview

In this activity, club members learn how to use storytelling in video game design while building an RPG style Quest Game.

Volunteer Focus

  • Ensure that club members maintain pace using the club schedule and/or agenda timer.

Agenda Summary

This agenda is designed for a 60-minute lesson. To customize the agenda for clubs of a different length, visit www.cs-first.com/dashboard. and use the Agenda Timer.

Time (mins) Agenda Item
5 Introduction
3 View Showcase Projects
2 Transition to Computer Time
5 Watch Video 1 and Complete the Survey
3 Watch Video 2 and Create
8 Watch Video 3 and Create
7 Watch Video 4 and Create
6 Watch Video 5 and Create
6 Watch Video 6 and Create
0 Choose Add-Ons and Create
1 Start Wrap-Up- Share Projects in Scratch
3 Show Projects
2 CS First Reflection
4 Watch Wrap-Up Video
1 Select Showcases
4 Club Discussion

Topics Introduced

  • Events (broadcast)
  
Introduction (5 minutes)
Directions Student Instructions
1. Greet members at the door as they arrive.
(Show script)

Hi [name]. Welcome back!

2. Ask members to pick up their passports, then sit at an empty computer and log in.
(Show script)

Everyone please pick up your passports and go to a computer. Sign in to CS First and Scratch. Once you have logged in, please turn off your monitors.

3. Once all members are seated and logging in to their computers, privately ask members who are sitting alone to move to a computer near other members.
(Show script)

Hi [name]. Today you’re going to need to be sitting near others to work on this project. Would you mind moving to a seat where you’ll be able to interact with other club members?

4. Use the silent signal to get member attention.
(Show script)

[Silent signal] I need everyone’s attention up here, please.

5. Have all members turn off monitors and remove headphones before starting. It is important that you enforce this rule or members will use the computers instead of interacting.
(Show script)

Everyone please turn off your monitors, so we can begin the introduction [wait for all members to turn off monitors].

6. Review previous club: Launcher Game.
(Show script)

Can someone please raise their hand and tell me what we worked on last club?

7. Introduce the activity's concept: Broadcast.
(Show script)

In this activity, you'll learn about a special type of event called broadcast. Broadcast has two parts: a “broadcast” block that sends a message and a “when I receive” block that receives that message and runs code when it does.

8. Introduce this activity's project.
(Show script)

While learning about broadcast, you'll build a Role Playing Game or RPG. Some popular examples of RPG games are the Legend of Zelda, and pokemon series.

  1. Pick up your passport.
  2. Choose a computer.
  3. Log in to your computer.
  4. Turn off your monitor.
View Showcase Projects (3 minutes)
Directions Student Instructions
[For instructions on finding and selecting showcases, see the "Preparation" section of this club plan. Remember that club members can opt out of having their projects shown. If the selected club members do not want to showcase their projects, you may ask for one or two volunteers to show their projects.]
  1. Transition to showcase.
    (Show script)

    [Pointing at agenda] Before we begin programming this activity, let's view the member showcases selected at the end of last club. We will play each project, look at the code, and then applaud how awesome the project is. Let's look at the first project!

  2. Run first project and discuss.
    (Show script)

    Someone please raise your hand and tell me what types of blocks you think might be used in this project?

  3. Look at code by clicking the "See Inside" button.
    (Show script)

    Let's take a look at the code used in this project. [Show code and mention a few of the blocks used in the project.]

  4. Cheer and clap.
    (Show script)

    Wow! Amazing! That was a great project! Let’s give them a great big round of applause!

  5. Repeat steps for any additional projects.
  1. Enjoy projects from last club!
  2. Make some noise!
Transition to Computer Time (2 minutes)
Directions Student Instructions
  1. Introduce computer time.
    (Show script)

    [show agenda] Now, we're going to move into the computer time.

  2. Remind members to use a sticky note if they have a question. [optional]  
    (Show script)

    If you have a question during this time, ask your neighbors for help. If they can’t help you, put a sticky note on your monitor and, I will come help you.

  3. Remind members that at the end of this activity you will pick a few projects to share next club.
    (Show script)

    Remember that at the end of this activity we will pick a few people’s projects to show at the beginning of next club.

  4. Have members turn on monitors and navigate to CS First website.
    (Show script)

    Please turn on your monitors, go to the CS First website, and start watching the first video.

  5. If there are new club members, provide them with your club code and ask them to go to cs-first.com/go to get sign-in information.
    (Show script)

    If today is your first time in this club, please begin by going to cs-first.com/go. Click "Enter Club Code," then follow the directions to get a sign-in and password.

  1. Go to cs-first.com.
  2. Sign in with the username and password from your club pass.
  3. Start watching the first video.
  4. If it's your first day, welcome! Go to www.cs-first.com/go and click "Enter Club Code" to get started. Ask your Guru for your club's code.
Watch Video 1 and Complete the Survey (5 minutes)
Directions Student Instructions
  1. After members have signed in to CS-First.com, they should begin watching the first video. This video introduces a brief survey. Once members have finished the survey, they should switch back to CS-First.com and move on to the next video.
  2. If a member appears frustrated by the survey, particularly the Scratch content question, remind him or her to try their best and that there are no right or wrong answers. It is more important for members to feel comfortable giving their honest opinions.
    (Show script)

    How are you doing? [wait for response] Don't worry about getting all the answers right. Make your best guess and move on so you can get to the more exciting part-- creating!

Answer the questions on this page and click submit. There are no wrong answers!
Watch Video 2 and Create (3 minutes)
Directions Student Instructions
This video introduces the Quest Game. Circulate around the room and ensure that club members are moving on from the survey. This activity has more videos than most, so maintaining time is important.
  1. Select a starter project.
  2. Click remix.
  3. Sign in.
 
Watch Video 3 and Create (8 minutes)
Directions Student Instructions
During this step, club members must copy code from one entrance sprite to the other entrance sprites. To do this, drag and drop the three code stacks from one sprite to the others, and change the values in the "switch backdrop to" block. If club members find this step challenging, encourage them to go back to the video, and ask neighbors for help. 
  1. Program the game to begin on the “town” backdrop.
  2. For each entrance sprite:
    • Program the backdrop to change
    • Hide all entrance sprites when the backdrop changes
    • Show all the entrances when the backdrop changes to "town"
 
Watch Video 4 and Create (7 minutes)
Directions Student Instructions
  • After watching the previous video club members should have a basic Quest Game with a sprite that can enter different locations. This video, and those that follow, club members add to the functionality and playability of the game.
  • This video uses many different events, and looks blocks with different values. In debugging club members' programs, it may help to read the code aloud to find any potential errors.
  1. Copy the code from the house sprite to the exit sprite.
  2. Exchange the “show” and ”hide” blocks.
  3. Change the “switch backdrop” value to “town.”
  4. Remove the “broadcast” block.
  5. Make the exit sprite change costumes depending on the backdrop using the “when backdrop switches” and “switch costume” blocks.
Watch Video 5 and Create (6 minutes)
Directions Student Instructions
  • In this video, club members hide an object at one location in the game. This serves as the game's plot. Encourage club members to talk about the plot of their game, and share with their neighbors which object they selected, where they hid it, and why.
  1. Select the object sprite and a costume from the costumes tab.
  2. Show the object in one location using “when backdrop switches” and “show” blocks.
  3. Hide the object at the start of the program using “when backdrop switches” and “hide” blocks.
  4. Program a winning condition using “touching,” “forever,” and “if” blocks.
Watch Video 6 and Create (6 minutes)
Directions Student Instructions
  • During this video club members add slides that play at the beginning of the story. If club members continue to work on their story after this video (like with the add-ons), you may choose to instruct them to disable this block stack by removing the "when flag clicked" block for the time being. Doing this will temporarily stop the title slides from showing and enable club members to test their code more quickly.
  1. Add text to the narrative sprite’s three costumes to introduce your story.
  2. Program the slides to show.
  3. Make the character sprite say something when the backdrop changes.
 
Choose Add-Ons and Create (0 minutes)
Directions Student Instructions
During this time, members customize their projects by trying some add-ons. Add-ons allow members to explore programming concepts and features as they follow the guidance and instruction in the videos.
  1. Walk around, and encourage members to try the add-ons that interest them.  
    (Show script)

    It looks like you've finished the core videos. That's great! Move to the next page to learn about different ways to customize your project.

  2. Help members navigate the add-ons menu.
    (Show script)

    "When you click "watch," the add-on will open. To go back to the add-on selection screen, click on the X at the top of the video."

  3. If you notice that members have not saved or shared their projects (You will see a "See project page" button in the top right corner of the project editor on projects members have shared.), encourage them to do so before they continue working on add-ons.
    (Show script)

    I see that you're working on the add-ons. Be sure to save your project, and click "Share" to make it available to the Scratch community.

Start Wrap-Up- Share Projects in Scratch (1 minutes)
Directions Student Instructions
  1. Ask the club to begin the wrap-up procedures by clicking the wrap-up button (next to the number buttons below videos) in CS First and sharing their projects in Scratch.
    (Show script)

    [Silent signal] It’s time to wrap up your projects. Click the wrap-up button, which can be found next to the number buttons below each video, and begin to follow the wrap-up procedures. Your first step will be to share your project on Scratch. Remember to name your project, and, if you’d like, write a description that explains how to use it. In one minute, you’ll show your project to your neighbor.

  2. Walk around and encourage club members who haven’t shared their projects (the share button will still be visible in the top-right corner of the screen) to do so. If club members don’t wish to share, that’s okay.
Write a G+ shout-out!  
Show Projects (3 minutes)
Directions Student Instructions
  1. Get everyone’s attention using the silent signal.
    (Show script)

    [Hand raised] Can I have everyone’s attention up here, please?

  2. Introduce showing time.
    (Show script)

    You’re going to spend the next two minutes showing your projects to your neighbor or neighbors. Turn to someone near you, and show them your project. You can explain what your project does and what, if anything, you plan to add to it. When someone shows you their project, be positive, and discuss the things you like about it.

  3. Prompt club members to begin showing projects.
    (Show script)

    When showing time is complete, I’ll give the silent signal again to get your attention. You have two minutes. You may begin showing.

  4. After you tell club members to begin showing, walk around the club and ensure that everyone is showing their project to someone. If you see club members who are still working or who don’t have a partner, encourage them to join another pair and show their work. If club members do not want to show their project that’s okay. However, they should still take part in this social aspect of the club by looking at fellow club members’ projects.
  1. Show your project to a neighbor!
CS First Reflection (2 minutes)
Directions Student Instructions
  1. Get everyone’s attention using the silent signal.
    (Show script)

    [silent signal] Can I have everyone’s attention up here, please?

  2. Transition club members back to their computers to reflect on what they learned during this activity.
    (Show script)

    Thank you all for showing your wonderful projects. Now it's time for the CS First club reflection and wrap-up video. Go back to the CS First site, click the 'next' arrow, and  complete the reflection, and watch the wrap-up video.

  3. As club members transition back to computers, ensure that they are able to locate and complete the reflection.
  4. During the next part of the club, while members watch the wrap-up video, you will award participation badges (stickers). It may be helpful to find them now in your CS First materials.
  1. Complete the CS First Reflection.
Watch Wrap-Up Video (4 minutes)
Directions Student Instructions
[Note: While club members watch the wrap-up video, walk around and give out the participation badges (stickers) from your club kit to each club member that was present for this activity.]
  1. Prompt club members to complete the Club Reflection, then move on to the Wrap-Up video.
    (Show script)

    [silent signal] After you've completed your reflection, click the 'next' arrow on CS First to watch the wrap-up video. While you're finishing these final steps, I'll walk around and award the participation badges for this activity.

  2. Ask club members to write a shout-out for a clubmate. [optional] 
    (Show script)

    After watching the wrap-up video, write a positive note to a clubmate on your sticky note. Thank someone who helped you, or call out a great project. Once you've written a shout-out, come place it on the G+ board.

  3. Circulate around the club, and pass out participation badges. Club members can stick the badges in their passports.
  4. When the Agenda Timer indicates that 30 seconds remain in this section, remind club members about the time.
    (Show script)

    You have thirty seconds remaining until we move on.

  1. Watch the Wrap-Up video.
  2. Write a G+ shout-out to someone who helped you or for a great project you saw!
Select Showcases (1 minutes)
Directions Student Instructions
Note: This activity contains the last showcase selection. If you still have club members who have yet to be selected to showcase, ask them today if they would like a project showcased for Activity 8. 
  1. Display showcase selector on board (follow the link at the top of this club plan).
  2. Get everyone’s attention using the silent signal and request that club members turn off their monitors. Ensure that all monitors are turned off before beginning (club members won’t need to use their computers again during this club).
    (Show script)

    [Hand raised] Everyone please turn your monitors off and direct your attention up here.

  3. Transition to the showcase selector.
    (Show script)

    It's time to select showcases for next club. Let’s get excited!

  4. Run the showcase selector.
    (Show script)

    Here we go! Let’s press the "Choose a Showcase!" button and see who gets selected! And we have… CSF###!

  5. Using the club roster, find and say the names of the club members selected.
    (Show script)

    Wonderful! CSF### is...  [name]! I’m really looking forward to seeing [member names] projects next club.

  6. Remind members to share their project.
    (Show script)

    If you were one of the members selected, make sure that we'll be able to see your project by clicking the share button at the top of the project editor. If you didn't do that for this project, make sure you do it first thing at the start of next club.

  7. Tell members what to do if they don't want their project shown.
    (Show script)

    If you were selected, but you don't want your project shown next club, please see me after this club or before the beginning of next club.

 
  1. Know your CS First ID.
  2. Celebrate the projects selected!
Club Discussion (4 minutes)
Directions Student Instructions
  • Briefly review and highlight some G+ posts that club members made.
    (Show script)

    Let’s look at some of the G+ shout-outs that club members received for their work during this activity. [Read a few G+ shout-outs aloud].

  • Lead whole-club discussion.
    (Show script)

    Finally, let’s discuss what you learned during this activity. [Read "discussion questions" below].

  • Preview next club.
    (Show script)

    Next club is on [day of next club (e.g. Monday)], and you will build [description of project].

  • Exit.
    (Show script)

    Once your headphones are wrapped up and your computers are shut down, we will all leave together. I look forward to working with you again next club!

 
Discussion questions:
  • What was your favorite part of the activity?
  • What was the most challenging aspect of building this project?
  • What are some new things that you learned or discovered?
Next club: Cave Surfing
  1. Participate in discussion.
  2. Clean up computer station.
  3. Wrap headphones.
  4. If instructed to by your Guru, shut down computers.

After members have exited the room: