Scribd
Upload
45 views2 pages

U3L17 Project Guide - Interactive Card (2019)

This document provides guidance for students to plan and develop an interactive digital card. It instructs students to sketch their card idea, plan sprites and properties, consider user interactions, and develop conditionals to trigger actions. Students are asked to reflect on what they are proud of and how they could improve their card. The goal is for students to thoughtfully design their card before programming it in Code Studio.

Uploaded by

Nahom Habtemichael
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
45 views2 pages

U3L17 Project Guide - Interactive Card (2019)

This document provides guidance for students to plan and develop an interactive digital card. It instructs students to sketch their card idea, plan sprites and properties, consider user interactions, and develop conditionals to trigger actions. Students are asked to reflect on what they are proud of and how they could improve their card. The goal is for students to thoughtfully design their card before programming it in Code Studio.

Uploaded by

Nahom Habtemichael
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

CSD Interactive Animations and Games

Name(s)_______________________________________________ Period ______ Date ___________________

Project Guide - Interactive Card

Overview
You’re going to be developing an interactive digital card to share with someone you care about, but you’ll need to do
some planning before you start to program.

Sketch your Idea


Take a few minutes to sketch out your idea. It can include shapes, text, and sprites!

Shapes:

background(color)
rect(x, y, width, height)
ellipse(x, y, width, height)
line(x1, y1, x2, y2)
text(string, x, y, width, height)
textSize(pixels)
Color and Style:
fill(‘color’)
noFill()
stroke(‘color’)
noStroke()
strokeWeight()

Planning your Sprites


Use the table below to plan out your sprites. (You need at least three, but you can use as many as you want!) Next to
each sprite, plan out the image it will use and which properties will be changing.

Sprite Label Image(s) Properties


Developing Interactions
The final element of your card to consider is how the user will interact with it, and how the sprites may interact with
each other. You’ll want to include conditionals that respond to keyboard input (such as keyDown()) as well as
conditionals that respond to changing variables or sprite properties (such as sprite.y > 300). Use the table below to
plan out all of your conditionals and the corresponding action

If / Else if / Else Condition Action

Develop Your Card

Once your teacher has approved your design, go to Code Studio to program your card.

Check Your Card

Check your card to make sure it has everything it needs.

Reflect

What part of your project are you most proud of? ____________________________________________________

Why? _______________________________________________________________________________________

_____________________________________________________________________________________________

If you had more time, what improvement would you make to your card?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

You might also like