Skip to content

Commit 3a5724f

Browse files
committed
revised for 8th grade friendliness
1 parent 49ef210 commit 3a5724f

3 files changed

Lines changed: 31 additions & 10 deletions

File tree

_curriculum/03-02-Intro.md

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,28 +4,24 @@
44
title: "Mask Generator" # Title and Heading 1
55
permalink: /maskGenerator-intro/2 # Give your page a permalink
66
published: true
7-
8-
gallery: # Below is for including an image gallery
9-
- url: /assets/images/thumbnails/unit2.png
10-
image_path: /assets/images/thumbnails/unit2.png
11-
alt: "Screenshot of a collage on books using the p5.js web editor"
12-
title: "About Me Collage"
137
---
148

15-
## The Software that Makes Mistakes
9+
## Software that Makes Mistakes
1610

1711
![Sentiment analysis]({{ "/assets/images/curriculum/hito_s.webp" | relative_url }})
1812
A detail of “Machine Readable Hito,” 2017. Trevor Paglen / Metro Pictures, New York
1913

20-
How does the computer "see" if we're happy, sad, or fraustrated? Facial recognition is a computer program that captures our image, analyze the geometry of our contour, and check with a database that contains other people's pictures to make a guess on who we are, and how we feel.
14+
How does the computer see if were happy, sad, or frustrated? Facial recognition is a computer program that captures our image, analyzes the geometry of our contour (the edges or outline of our face), and checks with a database that contains other peoples pictures to make a guess on who we are, and how we feel.
2115

22-
In order to make this invisible algorithm visible, we have prepared this [facial recognition example](https://editor.p5js.org/xinxin/sketches/-gbq9sNsC) in p5.js for you to try out. You will need to give permission to your browser to access your camera for this sketch to play.
16+
In order to make this invisible algorithm visible, we made this [facial recognition example](https://editor.p5js.org/xinxin/sketches/-gbq9sNsC) in p5.js for you to try out. You will need to give permission to your browser to access your camera for this sketch to play.
2317

2418
![Sentiment analysis]({{ "/assets/images/curriculum/face_rec_1.jpg" | relative_url }})
2519

2620
![Sentiment analysis]({{ "/assets/images/curriculum/face_rec_2.png" | relative_url }})
2721

28-
The facial recognition software traces our face, and assigns numbers to our contour as an attempt to understand our feelings. But how often does it get it right? We can test this out by picking one emotion from the [Wheel of Emotions](https://www.isu.edu/media/libraries/counseling-and-testing/documents/Wheel-of-Emotions-Handout-(3).pdf) and performing it in front of this [emotion recognition example](https://editor.p5js.org/jodiechifunyise/sketches/zdV2SqBiD).
22+
#### Sentiment (emotion or feeling) Analysis
23+
24+
The facial recognition software traces our faces and assigns numbers to our contours as an attempt to understand our feelings. But how often does it get it right? We can test this out by picking one emotion from the [Wheel of Emotions](https://www.isu.edu/media/libraries/counseling-and-testing/documents/Wheel-of-Emotions-Handout-(3).pdf) and performing it in front of this [emotion recognition example](https://editor.p5js.org/jodiechifunyise/sketches/zdV2SqBiD).
2925

3026
#### Let’s Discuss
3127
- Did you notice any differences between the emotion you chose from the wheel and the emotion deteced in the p5.js sketch?

_curriculum/06_01-Lessons.md

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,31 @@ permalink: /walkInNeighborhood-lessons/ # Give your page a permalink
55
published: true
66

77
---
8+
9+
```jsx
10+
let x = 25;
11+
let h = 20;
12+
let y = 25;
13+
function setup() {
14+
  createCanvas(480, 120);
15+
}
16+
function draw() {
17+
  background(204);
18+
  rect(x, y, 300, h);        // Top
19+
  x = x + 100;
20+
  rect(x, y + h, 300, h);    // Middle
21+
  x = x - 250;
22+
  rect(x, y + h*2, 300, h);  // Bottom
23+
}
24+
```
25+
26+
### Updating a value
27+
We can also update the value of a variable throughout our code. It can mean one value in a specific context, and then change its value in another.
28+
29+
- Replacing the value of a variable
30+
- Variables can update themselves with new information - ie. x = x+1; This means that x will keep updating to add 1 to itself.
31+
- If using “let,” we can change the variable type. The same variable used for storing numbers can also update to be text or array of values.
32+
833
# Lesson Plans & Technical Steps
934
## 1. Variables + Animation
1035
![Animating with p5.js]({{ "/assets/images/curriculum/Unit-5_Sample-2.gif" | relative_url }})

assets/images/.DS_Store

0 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)