Week 2 : Worldbuilding + p5*js 101
-
In-Class Goals:
- Say hello and check-in
- Take attendance
- Review Fisher and Haraway readings
- p5js 101
Homework
p5*js 101
The tired yet wired adage goes: if you can teach it, you can learn it. Or something like that. Your assignment is to work alone or with an assigned partner on a fundamental p5*js concept area in preparation to teach it to the rest of the class.
You may draw on any materials you like for this assignment. The Getting Started textbook is highly recommended; I have indicated some example numbers below to get you started.
You should prepare the following.
a 10-20 minute tutorial for the rest of the class. Aim to cover as many of the coding functions and concepts listed below as are reasonable within that time limit.
a p5*js sketch "cheat sheet" that shows all the concepts and functions in action. Label these concepts and functions with a JS comment. The visual appeal of what is drawn in this "cheat sheet" are *not* important. Aim instead to create an instructive document with pedagogy in mind.
Readings
Staying With the Trouble
Donna Haraway: "Making Kin: Anthropocene, Capitalocene, Plantationocene, Chtulucene"
by
LINK
Weird and Eerie
Mark Fisher: "The Out of Place and the Out of Time: Lovecraft and the Weird”
by
LINKpresentations pt. 1:
- simple shapes
ellipse()+circle()[ex. 2-1, 3-6]createCanvas()[ex. 3-1]point()[ex. 3.2]line()[ex. 3-1]square()+rect()- drawing order [ex. 3-10]
- color:
stroke()+strokeWeight() - color:
fill() - variables
- declaring a variable:
let+=[ex. 4-1] - p5*js variables [ex. 4-3]
- scope [in "Making Variables"]
- variables + arithmetic operators:
+,-,*,/[ex. 4-4] - for loops
- repetition and flow chart of
for loop[ex. 4-6] - power and utility of
for loop[ex. 4-7] - variation inside of for loop (w. arithmatic [ex. 4-8, 4-9])
- nested
for loops. [ex. 4-10, 4-11, 4-12] - (mouse) response
function setup()vsfunction draw()[ex. 5-3]mouseX&mouseY[ex. 5-4, 5-5]pmouseX&pmouseY[ex 5-6]mouseIsPressedp5*js variable [ex 5-10]if / elsestatements with the mouse [ex 5-11]- hover & click behaviors with
if / else& mouse p5*js variables, circles & squares [ex 5-14, 5-15] - translation, rotation, scale
translate()[ex. 6-1, 6-2]rotate()[ex. 6-4]- order matters: translate then rotate, rotate then translate [ex. 6-5, 6-6]
scale()push()&pop()
Readings
Haraway, Donna. "Making Kin: Anthropocene, Capitalocene, Plantationocene, Chtulucene" in Staying with the Trouble (2016)
Fisher, Mark. “The Out of Place and the Out of Time: Lovecraft and the Weird” in The Weird and the Eerie (2017)
[cw: violence against women, slavery]
optional: Eshun, Kodwo. "Fear of a Wet Planet." Wire Magazine (1998).
optional: [cw: violence, slavery]"Inside the stunning Black Mythos of Drezciya and its Afrofuturist '90s techno" Ars Technica (2021) optional: [cw: racism]"How Writers are Turning H.P. Lovecraft's Racist Work on its Head" CBC Radio (2021)
bibliography