🐍
[PY] Intro to Computational Media 2.0
CS4All Resources
  • Curriculum Overview
  • How to Use this Curriculum
  • 📬Leave Us Feedback
  • Curriculum Extras
    • 🔮Curriculum Extras Overview
    • Imposter Syndrome (pt. 1)
      • Imposter Syndrome (pt. 2)
    • Timers in Processing.py
    • Time Functions: Crazy Clock Mini Project
    • Pathfinding Algorithms and Facial Scanning
    • Playing with Pixels
  • Unit 1: Draw & Draw With Functions
    • 🔮Unit 1 Overview
    • U1LA1.1: Processing.py Introduction & Deconstruction
    • U1LA1.2 Line Functions and Parameters
    • U1LA1.3: Rectangles, Ellipses, and Layering
    • U1LA1.4: Other Shapes & Styling
    • 🗃️U1LA1 Mini Project: Taijitu Symbol
    • U1LA2.1: Intro to Color with RGB and HSB
    • 🤓EXTRA: Color & Data Storage
    • 🤓EXTRA: Color Palette Practice
    • ✨U1LA3.1: Introducing Variables
    • ✨U1LA3.2: Creating Custom Variables
    • ✨U1LA4.1: What is Abstraction?
    • ✨U1LA4.2: Intro to Functions and Function Calls
    • U1LA4.3: Draw with Functions
    • U1LA4.4: Using the Random Function
    • 🗃️U1LA4 Mini Project: Custom Emoji
    • U1LA5.1: Your Custom Function Library
    • 🎨Unit 1 Final Project: Abstract Album Art
  • Unit 2: Respond and Draw On Canvas
    • 🔮Unit 2 Overview
    • ✨U2LA1.1: Conditionals and If Statements
    • ✨U2LA1.2: Conditionals and if, elif, and else statements
    • ✨U2LA1.3: Logical Operators And/Or
    • 🗃️U2LA1 Mini Project: Make a Traffic Light
    • U2LA2.1: Draw with Mouse
    • U2LA2.2: The Map Function
    • ✨U2LA3.1: Data Type Scavenger Hunt
    • ✨U2LA3.2: Functions that Return Values
    • 🤓U2LA3.3: Functions with Purpose
    • U2LA4.1: Collision Functions and Libraries
    • U2LA4.2: Mouse Clicks and Shapes as Buttons
    • 🗃️U2LA2 Mini Project: Light Switch Game
    • U2LA5.1: Key Presses and Nested Conditionals
    • 🎨Unit 2 Final Project: Interactive Drawing App
  • Unit 3: Loops, Arrays, Media
    • 🔮Unit 3 Overview
    • U3LA1.1: While Loops
    • U3LA1.2: For Loops Pt. 1
    • U3LA1.3: Nested For Loops (For Loops Pt 2)
    • 🗃️U3LA1 Mini Project: Wallpaper Design
    • U3LA2.1: Introduction to Lists
    • U3LA2.2: Random Values from Lists
    • 🗃️U3LA2 Mini Project 1: Fortune Teller
    • U3LA2.3: Loops and Lists
    • U3LA2.4: Updating and Deleting from Lists
    • 🗃️🤓 U3LA2 Mini Project 2: CodeWars List Challenges
    • U3LA3.1: Loading Images
    • 🗃️U3LA3 Mini Project: Vision Board
    • 🎨Unit 3 Final Project: Random Meme Generator
  • Unit 4: Motion, Objects, Transformation
    • 🔮Unit 4 Overview
    • U4LA1.1: Intro to Motion with Flipbooks
    • U4LA1.2: Move in All Directions and Make it Bounce
    • U4LA2.1: Introduction to Classes and Objects
    • U4LA2.2: Reading and Updating Object Properties
    • U4LA2.3: Methods Off Canvas
    • U4LA2.4: Objects on Canvas
    • 🗃️U4LA2 Mini Project: Build a Tamagotchi
    • U4LA3.1: Creating Many Objects
    • 🤓🗃 Optional U4LA3 Mini Project: Rebuild with Objects
    • U4LA4.1: Translation Battleship
    • U4LA4.2: Rotations
    • 🤓U4LA5.1: Sine and Oscillating Motion
    • 🤓U4LA5.2: Cosine and Circular Motion
    • 🎨Unit 4 Final Project: Animated Greeting Card or PSA
  • Unit 5: Final Project
    • 🔮Unit 5 Overview
    • 🎨Course Final Project Guide
Powered by GitBook
On this page
  • Teacher Notes and Overview
  • Suggested Duration
  • Prompt
  • Sample Output
  • Culturally Responsive Best Practices
  • Extensions
  1. Unit 3: Loops, Arrays, Media

U3LA3 Mini Project: Vision Board

How can I use images to create a virtual vision board project?

Teacher Notes and Overview

Students will apply their skills around images to create a vision of their goals, dream life, or whatever else will make them happy.

This is a fairly quick mini project that really drives home the process of finding, uploading, and manipulating images on the screen. That being said, we want to encourage the creation of pieces that are aesthetically pleasing and cohesive, rather than just a gridded page of boxy images that a student threw together.

Encourage students to mess with tint and also seek images with transparent backgrounds so that they can overlap and create interesting compositions. Use the sample output liberally!

Suggested Duration

2-4 Periods (~90 - 180 minutes)

Prompt

Spend some time pondering on the following questions:

  1. What are goals you have for yourself this year?

  2. Where do you see yourself in 5 years? Be as specific and give as many details as possible!

  3. Imagine your dream life. Where do you live? What do you do? Tell us all about it.

In this project, you'll be making an interactive vision board. Vision boards are things people often create to keep their goals at the front of their mind and help them visualize and manifest what they want out of life. Yours will be done in Processing.py!

Requirements

  • 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.)

  • 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!)

  • Use tint to create a foreground, middle-ground, background, and/or to make the images go better together.

  • 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.

  • Do your best to keep your code organized and efficient; that may mean writing functions, using lists/dictionaries, and/or utilizing loops to avoid repeating yourself

Writing Prompts

  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

Culturally Responsive Best Practices

Within this design-based challenge, there are many prompts you can give students to make the project seem more relevant to them and the cultures of communities that they are a part of. (Please recall that communities can refer to a lot of things, including just the culture of being a teen, a Minecraft player, or a KPop fan - be mindful that you are allowing students to explore choice in their creations in a way that is authentic to them!)

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.

PreviousU3LA3.1: Loading ImagesNextUnit 3 Final Project: Random Meme Generator

Last updated 2 years ago

🗃️
A sample vision board featuring healthy food and hair, makeup, camera, and a beach scene.