Skip to content

Commit 8598cbf

Browse files
committed
a walk in the neighborhood init
1 parent a311403 commit 8598cbf

3 files changed

Lines changed: 42 additions & 10 deletions

File tree

_curriculum/01-01_Intro.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,9 +75,9 @@ Draw an object described to you in plain language through code.
7575
* [Book from the Ground](https://www.xubing.com/en/work/details/188?classID=1&type=class#188), Xu Bing
7676

7777
## Timeline
78-
This project will take approximately two to three 45-minute sessions:
78+
This project will take approximately three to four 45-minute sessions:
7979

80-
1. Discussing art references, Warm-up Exercises, Introduction to p5.js
80+
1. Discussing art references, warm-up Exercise, introduction to p5.js.
8181
1. Assigning partners. Exchanging detailed descriptions of lost objects.
8282
1. Recreating the partner’s lost object using p5.js.
8383
1. Sharing out.

_curriculum/02-01-Intro.md

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -54,15 +54,23 @@ on larger social, economic, and political structures, with evidence from credibl
5454
### Grade 9~12
5555
- Iterative design
5656

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+
5765
## Warm-Up Exercises
58-
### Planning your Lost & Found Project
66+
### Planning your Mask Generator Project
5967

60-
1. Draw Your Grid (5–10 mins)
68+
1. Draw Your Grid
6169
1. Use your paper and pencil to draw a large square (around 4x4 inches).
6270
1. Divide the square into a 20 x 20 grid with a ruler.
6371
1. This will help you keep things lined up and make variations easier to compare.
6472

65-
1. Create Two Key Expressions (10 mins)
73+
1. Create Two Key Expressions
6674
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.
6775
1. In the first square, draw a mask showing Expression 1 (e.g., inspired, courageous, respected).
6876
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
7280
1. Mouth: smiling, frowning, open, closed
7381
1. Eyebrows: raised, tilted, flat
7482

75-
1. Design the In-Between Faces (10–15 mins)
83+
1. Design the In-Between Faces
7684
1. Now, imagine how the mask moves from the first expression to the second.
7785
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.
7886
1. Observe & Reflect (5–10 mins)

_curriculum/03_01-Intro.md

Lines changed: 28 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,16 @@ gallery: # Below is for including an image gallery
1313
image_path: https://www.munchmuseet.no/globalassets/cads/country-ball-1989---2012-video-still-8.jpeg?mode=max&quality=95&w=1400
1414
alt: "Jacolby Satterwhite's Country Ball"
1515
title: "Jacolby Satterwhite's Country Ball"
16+
- url: https://smarthistory.org/osorio-en-la-barberia-no-se-llora-no-crying-allowed-in-the-barbershop/
17+
image_path: https://smarthistory.org/wp-content/uploads/2023/08/53112435104_9ed330b293_o-2048x1152.jpg
18+
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)
1620
---
1721
![Flat game example]({{ "https://s3.amazonaws.com/koaad7prod/s3fs-public/2023-01/field_enhanced_activity_image/Flatgames.jpeg" | relative_url }})
1822

1923
# Introduction
2024

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

2327
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.
2428

@@ -62,10 +66,30 @@ solution that meets user needs
6266
## References & Artworks for Discussion: Interpretations of Time
6367
{% include gallery%}
6468
* Faith Ringgold's [quit works](https://www.craftinamerica.org/artist/faith-ringgold/).
65-
* Jacolby Satterwhite's [Country Ball](https://www.munchmuseet.no/globalassets/cads/country-ball-1989---2012-video-still-8.jpeg?mode=max&quality=95&w=1400)
69+
* Jacolby Satterwhite, [Country Ball](https://www.munchmuseet.no/globalassets/cads/country-ball-1989---2012-video-still-8.jpeg?mode=max&quality=95&w=1400)
70+
* 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/)
6671

6772
## 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.
6985

7086
## 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.
95+
1. Import the photos into the p5.js Editor.

0 commit comments

Comments
 (0)