Unit 3 Loops, Arrays, Media
How can sounds, images, and fonts can be combined and manipulated with code?

Mini-Project: Vision Board


Suggested Duration

45 minutes

Student Outcomes

Abstraction:

  • Explain characteristics or patterns that informed a function or an interface I created.

Algorithms:

  • Explain why I used specific instructions to complete a task.
  • Demonstrate the benefit of using an event, conditional or loop in my prototype.

Prototype:

  • Experiment with the commands of a programming language.

Prompt

People all around the world swear by making a vision board to set intentions around what they want their life to look like. These boards are pleasing to look at and highlight ideals the individual person is trying to achieve.

For this project, you are going to create a vision board collage full of things you'd like to bring into your life. As you are collaging this project, it will work best if you find images that have a transparent background to start, since it will be easy to put the images together that way.

To create your vision board, you will do the following:

  1. Gather images that represent your dream life in the coming year. (Don't care so much about the coming year? Think about your dream life after high school, or after college.)
  2. Figure out a way to display these images that is fun, interesting, and reinforces your dream. (If your dream is to be more organized, maybe your board reflects that!)
  3. Use tint to create a foreground, middle ground, background, and/or to make the images go better together.
  4. Make your vision board interactive! Make something change or appear when the mouse hovers over a certain area, when the mouse is clicked, or when a button is pressed.

Then, respond to the following:

  1. What is your vision for your life?
  2. How does this program capture that?
  3. What are things you will need to do to make your dreams a reality?

Sample Output

Example

Extensions

  • When an object is clicked or hovered on, display a message or reminder about how to achieve that dream.
  • Make an element of your vision board vary each time to program is run, or change based on key presses or clicks.
  • Use a for loop to draw an image repeatedly.