You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: _curriculum/02-01-Intro.md
+12-4Lines changed: 12 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -54,15 +54,23 @@ on larger social, economic, and political structures, with evidence from credibl
54
54
### Grade 9~12
55
55
- Iterative design
56
56
57
+
## Timeline
58
+
This project will take approximately four 45-minute sessions:
59
+
60
+
1. Discussing art references and warm-up cxercise.
61
+
1. Designing the mask generator.
62
+
1. Coding the mask generator in p5.js.
63
+
1. Making iterations as needed. Sharing out.
64
+
57
65
## Warm-Up Exercises
58
-
### Planning your Lost & Found Project
66
+
### Planning your Mask Generator Project
59
67
60
-
1. Draw Your Grid (5–10 mins)
68
+
1. Draw Your Grid
61
69
1. Use your paper and pencil to draw a large square (around 4x4 inches).
62
70
1. Divide the square into a 20 x 20 grid with a ruler.
63
71
1. This will help you keep things lined up and make variations easier to compare.
64
72
65
-
1. Create Two Key Expressions (10 mins)
73
+
1. Create Two Key Expressions
66
74
1. Using the [Wheel of Emotions](https://www.isu.edu/media/libraries/counseling-and-testing/documents/Wheel-of-Emotions-Handout-(3).pdf) as a reference and select two types of emotional expressions.
67
75
1. In the first square, draw a mask showing Expression 1 (e.g., inspired, courageous, respected).
68
76
1. In the second square, draw the same face showing Expression 2 (e.g., worried, overwhelmed, alienated).
@@ -72,7 +80,7 @@ on larger social, economic, and political structures, with evidence from credibl
72
80
1. Mouth: smiling, frowning, open, closed
73
81
1. Eyebrows: raised, tilted, flat
74
82
75
-
1. Design the In-Between Faces (10–15 mins)
83
+
1. Design the In-Between Faces
76
84
1. Now, imagine how the mask moves from the first expression to the second.
77
85
1. On a new piece of paper, draw 2–3 versions that mix parts of each expression. For example: a mask that’s just starting to frown, or eyes that are half-closed.
alt: Pepón Osorio, No Crying Allowed in the Barbershop (En la barbería no se llora)
19
+
title: Pepón Osorio, No Crying Allowed in the Barbershop (En la barbería no se llora)
16
20
---
17
21

18
22
19
23
# Introduction
20
24
21
-
Every street, building, and corner in your neighborhood has a story. Maybe it’s where your grandma used to live, where your friends hang out after school, or where you had your first ice cream meltdown.
25
+
Every street, building, and corner in your neighborhood has a story. Maybe it’s where your classmate used to live, where your friends hang out after school, or where you had your first ice cream meltdown.
22
26
23
27
In this project, you’ll mix hand-drawn drawings and p5.js to build an interactive digital collage of your neighborhood. You’ll create a character (that can be you, a made-up guide, or even a stray cat), who takes us on a tour of your world.
24
28
@@ -62,10 +66,30 @@ solution that meets user needs
62
66
## References & Artworks for Discussion: Interpretations of Time
* Pepón Osorio, [No Crying Allowed in the Barbershop (En la barbería no se llora)](https://smarthistory.org/osorio-en-la-barberia-no-se-llora-no-crying-allowed-in-the-barbershop/)
66
71
67
72
## Timeline
68
-
This project will take approximately four 45minute sessions:
73
+
This project will take approximately eight 45-minute sessions:
74
+
75
+
1. Discussing art references and warm-up cxercise.
76
+
1. Researching and gathering materials to represent the neighborhood.
77
+
1. Illustrating the neighborhood by drawing on paper.
78
+
1. Digitizing the images and importing them to p5.js.
79
+
1. Coding the neighborhood in p5.js.
80
+
1. Making iterations as needed. Sharing out.
81
+
82
+
Optional:
83
+
- This project can begin with interviews with family members or neighbors to gather different anecdotes of the neighborhood.
84
+
- Students who live in the same neighborhood have the option to collaborate on interviews and/or visual assets.
69
85
70
86
## Warm-Up Exercises
71
-
Some options for unplugged exercises:
87
+
### Planning A Walk in the Neighborhood Project
88
+
1. Collecting Visual Assets
89
+
1. Researching and taking photos of landmarks, buildings, parks, plants, homes, shops, etc that hold special meaning to you in your neighborhood. You can take photos by physically visiting the space or taking screenshots using Google Street View.
90
+
1. Writing down important memories associated with photos you've taken. Write in the tone and voice your character would speak in. The writing could take the form of short descriptions, conversations, monologues, etc.
91
+
92
+
1. Hand-Drawn Illustrations!
93
+
1. With a large sheet of paper, color pencils or crayons, and scissor, illustrate the different buildings, objects, people, and animals you'd like to include in your neighborhood drawing.
94
+
1. Take photos of individual item you've drawn, and remove the white background of these photos on a computer.
0 commit comments