Unit 3 - Warm Ups and Wrap Ups

Interactive Animations and
Games
Lesson 1: Programming for Entertainment Lesson 15: Keyboard Input
Lesson 2: Plotting Shapes Lesson 16: Mouse Input
Lesson 3: Drawing in Game Lab Lesson 17: Project: Interactive Card
Lesson 4: Shapes and Parameters Lesson 18: Velocity
Lesson 5: Variables Lesson 19: Collision Detection
Lesson 6: Random Numbers Lesson 20: Mini-Project: Side Scroller
Lesson 7: Sprites Lesson 21: Complex Sprite Movement
Lesson 8: Sprite Properties Lesson 22: Collisions
Lesson 9: Text Lesson 23: Mini-Project: Flyer Game
Lesson 10: Mini-Project: Captioned Scenes Lesson 24: Functions
Lesson 11: The Draw Loop Lesson 25: The Game Design Process
Lesson 12: Sprite Movement Lesson 26:
Lesson 13: Mini-Project: Animations Using the Game Design Proce
Lesson 14: Conditionals ss
Lesson 27: Project: Design a Game
Games
Lesson 1
Programming for Entertainment
Interactive Animations and Games Lesson 1 - Warm Up
What is your favorite form of entertainment, and

what problem does it solve for you?
Games. It cures my boredom
Interactive Animations and Games Lesson 1 - Wrap Up
How is computer science used in entertainment?

● By giving more options for entertainment
Games
Lesson 2
Plotting Shapes
Drawing Challenge
• The class will listen to the teacher explain how to
draw a picture.
• All students will attempt to draw it on the
Drawing Challenge template.
• Once this task is complete, answer the 3
questions about the challenge on the
template/worksheet that was provided.
How can we clearly communicate how to draw

something on a screen?
By giving the exact directions of how an image is
drawn
Games
Lesson 3
Drawing in Game Lab
Based on what you know about computers, what do

you think will be different between telling a person
about your image and telling a computer about your
image?
Telling a computer can exactly follow and algorithm
and a person might forget some of the steps to make
the image.
How can we communicate to a

computer how to draw shapes on the
screen?
By giving code of where we want
a shape to be exactly
Games
Lesson 4
Shapes and Parameters
The ‘rect()’ block has two inputs that control where

it's drawn - the x and y position. If you wanted these
commands to draw different sizes of rectangles, what
additional inputs would you need to give the blocks?
Stroke weight
You use parameters to control your shape's

location and size.
Can you think of any other situations in which

parameters might be useful?
Measuring in coding
Games
Lesson 5
Variables
At the beginning of the course, we learned that

input, output, storage, and processing were
common to all computers.
Where do you see input, output, storage, and

processing in Game Lab?
You see them when you are

affecting the Game Lab.
What is your own definition of a variable?

A word or letter that represents a number
Why are variables useful in programs?

So we can input numbers easier
Games
Lesson 6
Random Numbers
So far, our programs have done the same thing

every time that we run them.
Are there any times that you'd want a program to

do something differently each time it was run?
When I would want a shape to appear in
different places each time
So far, we've only looked at random numbers. Are

there any other things that you might like to be
random in your program?
Random shapes
Games
Lesson 7
Sprites
Review:
So far we've written programs that put simple shapes on the
screen.
List of all of the different pieces of information that you have

used to control how these shapes are drawn.
Can change size, color, height, width
If you wanted to create programs with more detailed

images, maybe even characters that you could
interact with, what other pieces of information might
you need in your code?
What the character looks like, what
the character does when it's
interacted with.
So far we've been able to change a sprite's

location and image. What else might you want to
change about your sprites? The sprites size and
the direction it's turning.
Games
Lesson 8
Sprite Properties
What is your definition of a sprite?

An image used in a code
What sprite properties do you know how to use?
Create Sprite
What other sprite properties might be useful?
Size and direction
What is one way sprite properties are the same as

variables?
Sprite properties and variables both store
information
What's one way that sprite properties are different
from variables?
Variables are typically just one letter when sprites
are names of images
Games
Lesson 9
Text
Look at this cartoon that was made

in Game Lab.
What do you think the alien should

be saying? Look at me!!!
You've drawn with both text and shapes to the

screen.
What are two ways drawing with text is similar to
drawing shapes?
You can control the size and shape of both
What is one way that drawing with text is different
from drawing with shapes?
Drawing with text include words and
letter, while drawing with shapes is just
shapes
Games
Lesson 10
Mini-Project: Captioned Scenes
Write down as many blocks as you can remember from Game

Lab.
Textsize, fill, text, var sprite = createsprite
Make sure you know what each one does, especially the
inputs, or parameters, for each of the blocks.
Interactive Animations and Games Lesson 10 - Wrap
Up
What was one especially creative way you saw

someone else use the blocks today?
Someone used the sprite.rotation block
to make their image the exact angle
they want it at.
Games
Lesson 11
The Draw Loop
This YouTube
video from Marnic
Bos shows
animation using a
flip book.
How does the flip book work?

As the person flips the pages it creates this animation kind of thing.
How does it "trick our eyes" into thinking something is moving?
By the quickness of the pages flipping

Up
How does the draw loop help us make animations?

It allows us to make our sprites move to
create an animation
Games
Lesson 12
Sprite Movement
Review:
List out all of the sprite properties you can think of and what
aspect of a sprite they affect.
Sprite,y – change the y-axis of the sprite, sprite.x - changes the x-
axis of the sprite, sprite.rotation - changes the way the sprite is
rotated
What kinds of animations could you make if you

could control these properties?
Think about adding and subtracting from

properties, or even updating multiple properties at
the same time.
You could make sprites move up
and down, and left to right.
Up
You've seen two ways to create animations with

the draw loop: random numbers and the counter
pattern
What is one type of movement that you'd want to use random numbers for?
When a sprite is shaking.
What is one type of movement that you would want to use the counter
pattern for?
When a sprite is spinning
Are there any movements that might combine the counter pattern and
random numbers?
When a sprite is moving up and down

Games
Lesson 13
Mini Project: Animation
Write down as many types of movement and animations as you can

remember from the previous lesson.
Vertical, horizontal, diagonal, shake
Make sure you know what blocks and patterns you need to make
those movements, and when those movements would be useful.
Up
What was one interesting way that you saw sprite movement
used today?
Someone had a spinning sprite while it
was moving diagonally.
Games
Lesson 14
Conditionals
1. If your last name has more than five letters, draw a square on your paper.
2. If your last name less than seven letters, draw a circle.
3. If you are wearing anything green, add 3 + 2.
4. If the teacher is tapping their pencil, draw an 'X'.
5. If the teacher is in the front of the room, fold your paper in half.
When we program, we give the computer

instructions of what to do.
How are these instructions different from the instructions that we

have been giving in Game Lab?
Up
Now that you know how conditionals work, where you do

think that they are used in games or other programs and
apps that you already use?
Games
Lesson 15
Keyboard Input
So far all of the programs you've written run without any input from
the user.
How might adding user interaction make your programs more

useful, effective, or entertaining?
How might a user provide input into your program?
Up
Think back to all of the programs you've written

so far.
How might you use user interaction to improve one of your programs
from past lessons?
What condition would you check, and how would you respond to it?
Games
Lesson 16
Mouse Input
3-2-1 Review:
What are three different things that you've been able to do with
conditionals?
What are two big things that everyone should remember when
using conditionals?
What's one thing you still want to learn how to program?
Up
You now have many different ways to detect user input.
With a partner, choose three different user input commands and think
of an example of when you might use them.
Be ready to share with the class!

Games
Lesson 17
Project: Interactive Card
Think of one time you gave or received a card from

someone.
Who was that person?
What was the purpose of the card?
What about the card made it specific to that purpose?

Up
Choose one of the five practices in which you believe you
demonstrated growth in this lesson.
problem solving, persistence, creativity, collaboration,
communication
What is something you did that exemplified this practice?

Choose one practice you think you can continue to grow in. What’s one thing you’d like
to do better?
Choose one practice you thought was especially important for this project. What made
it so important?
Games
Lesson 18
Velocity
Volunteers?
I will need a couple of volunteers to act

as my “sprites” at the beginning of this
lesson.
I was just giving instructions to my "sprite", but

they seemed to get pretty repetitive.
How could I have simplified my instructions?

Up
As you went through the puzzles, though, you started doing some interesting
movements that we hadn't been able to do before.
Describe one of those movements, and how you made it.
Describe another block that you'd like to have.
What would you name it?
What would it do?
What code would it hide inside?
How would it help you?

Games
Lesson 19
Collision Detection
Example Animation
An interesting aspect of this animation is that the sprites

change when they touch each other.
Can you think of any way that the computer could use the
sprites’ properties to figure out whether they are touching
each other?
Up
At the beginning of the lesson, you saw that it's possible to do

everything that the isTouching block does without using the
block at all.
What makes this block useful?

Games
Lesson 20
Mini-Project: Side Scroller
Review:
Think of all of the things that you have learned how
to do in this unit so far.

Up
What was one challenge in making this game?
What is your advice for someone else who has the same challenge?
Games
Lesson 21
Complex Sprite Movement
What is the difference between these two kinds of jumping?
How would you create the second kind of jumping?

Up
Make a list of new things you can program to do after

today's lesson.
Then, write down a list of all the new blocks you

learned today.
Up
Review:
Today we built lots of new sprite movements like gravity and
jumping, but none of this required us to learn new blocks.
How were you able to do new things without learning any new
blocks?
Games
Lesson 22
Collisions
Using the blocks we already know how to use, how could we create the
sprite interaction we can see in this program?
Here are some blocks to consider:

○ sprite.isTouching()
○ sprite.velocityX
○ sprite.velocityY
○ sprite.x
○ sprite.y
Up
How did having the "isTouching" block and the

"velocityX" block make it easier to solve the
problem of one sprite pushing another?
Games
Lesson 23
Mini-Project: Flyer Game
Review:
Think of all of the things that you have learned how
to do in this unit so far.

Up
Journal 3-2-1:
Take some time to play each others' games if you haven't
already!
What are three things you saw in someone else's game that you really liked?
What are two improvements you'd make to your game if you had more time?
What's one piece of advice you'd give to someone making this type of
game?
Games
Lesson 24
Functions
What's one block you'd like to have in Game Lab?

What would it do?
What code would it use to work?
Up
Why would we say that functions allow us to "create our own

blocks"?
Why is this something we'd want to do?
Why would a function count as an abstraction?

Games
Lesson 25
The Game Design Process
Play Cake Defender

If you were making this program…
What sprites would you need?
What variables would you need?
What functions would you use?

Up
Today, you used a filled-out project guide as you

completed your program.
How did the project guide help you as you coded?
What do you think will be important to remember when you fill out
your own project guide?
Games
Lesson 26
Using the Game Design Process
The Problem Solving Process helps us work through all kinds of

problems. Think about the problem of building a larger piece of
software, like the game we built in the last lesson.
What did each of the four steps look like in the game from last
lesson?
Why were they important?

Up
Before you started coding your game, you first had to fill out a
project guide with a plan.
How did having a plan change the way that you coded your
game?
Will you do anything differently when you make your plan for
your final project?
Games
Lesson 27
Project: Design a Game
Today, you'll start the final project of the unit, in which you will design and
code your own game.
Before you start, what are three skills or qualities that you think will be
important as you complete this project?
Up
Of the five practices of CS Discoveries

(Problem Solving, Persistence, Creativity,
Collaboration, Communication)
Choose one of the five practices in which you believe you demonstrated growth
in this unit.
Write something you did that exemplified this practice

Unit 3 - Warm Ups and Wrap Ups

Uploaded by

Copyright:

Available Formats

Unit 3 - Warm Ups and Wrap Ups

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Unit 3 - Warm Ups and Wrap Ups

Uploaded by

Copyright:

Available Formats

Interactive Animations and

What is your favorite form of entertainment, and

How is computer science used in entertainment?

How can we clearly communicate how to draw

Based on what you know about computers, what do

How can we communicate to a

The ‘rect()’ block has two inputs that control where

You use parameters to control your shape's

Can you think of any other situations in which

At the beginning of the course, we learned that

Where do you see input, output, storage, and

You see them when you are

What is your own definition of a variable?

Why are variables useful in programs?

So far, our programs have done the same thing

Are there any times that you'd want a program to

So far, we've only looked at random numbers. Are

List of all of the different pieces of information that you have

If you wanted to create programs with more detailed

So far we've been able to change a sprite's

What is your definition of a sprite?

What is one way sprite properties are the same as

Look at this cartoon that was made

What do you think the alien should

You've drawn with both text and shapes to the

Write down as many blocks as you can remember from Game

What was one especially creative way you saw

How does the flip book work?

How does it "trick our eyes" into thinking something is moving?

By the quickness of the pages flipping

How does the draw loop help us make animations?

What kinds of animations could you make if you

Think about adding and subtracting from

You've seen two ways to create animations with

When a sprite is moving up and down

Write down as many types of movement and animations as you can

When we program, we give the computer

How are these instructions different from the instructions that we

Now that you know how conditionals work, where you do

How might adding user interaction make your programs more

Think back to all of the programs you've written

You now have many different ways to detect user input.

Be ready to share with the class!

Think of one time you gave or received a card from

Who was that person?

What was the purpose of the card?

What about the card made it specific to that purpose?

What is something you did that exemplified this practice?

I will need a couple of volunteers to act

I was just giving instructions to my "sprite", but

How could I have simplified my instructions?

Describe one of those movements, and how you made it.

Describe another block that you'd like to have.

What would you name it?

What would it do?

What code would it hide inside?

How would it help you?

An interesting aspect of this animation is that the sprites

At the beginning of the lesson, you saw that it's possible to do