-
Notifications
You must be signed in to change notification settings - Fork 0
Homework Sam
NYU ITP Fall 2023
12.20PM - 2.40PM Thursdays
instructor
sam heckle (they/she)
[email protected]
office hours
submit your p5.js links here
view all submissions here
book any and all office hours here
book coding lab appointments here
specific resident drop in hours in room 426 on fridays 2pm-4pm
resources from class:
class 8 syllabus
class 8 slides
worksheet review -- colliding colors
demo -- methods of loading images
demo -- pixelation
demo -- webcam pixels
links we talked about
coding lab workshops
other html/css resources if you are curious
MDN Intro to HTML and intro to CSS
Tutorial: Beyond the Canvas in P5
p5.Element reference
MDN CSS reference
MDN CSS layout tutorial (learn about floats, flexbox, grids, etc.)
Allison's browser controls
do:
- DUE 11/2: this worksheet
- DUE 11/9:
- Work in pairs.
- Create and/or manipulate an image or video at the pixel level to create an alternative of the reality depicted in the source image.
- Describe in 1-3 keywords how your image feels different from the source image.
- Create a blog post documenting your work.
- Consult resources from syllabus for inspiration. Pixels Week 1 | Pixels Week 2
resources from class:
class 9 syllabus
demo -- resizing canvas to have browser size
demo -- modifying video data
demo -- ml5 posenet
links we talked about
github desktop
posenet documentation
do:
- DUE 11/9:
- Work in pairs.
- Create and/or manipulate an image or video at the pixel level to create an alternative of the reality depicted in the source image.
- Describe in 1-3 keywords how your image feels different from the source image.
- Create a blog post documenting your work.
- Consult resources from syllabus for inspiration. Pixels Week 1 | Pixels Week 2
resources from class:
class 10 syllabus
class 10 slides
demo -- mic record
demo -- uploading sound file
demo -- mic level to control
links we talked about
p5 keycode reference
detecting keycode from keypress tool
do:
- DUE 11/16:
- DUE 11/30:
- Work in pairs. Due in 2 weeks. Create a 60s sound composition. No visuals. Just sound.
- What parameters of sound are you working with? Texture, rhythm, melody, something else?
- Prepare 2-5 words to describe the sound as it progresses over the 60s.
- Create a blog post documenting your work. Include links to other projects that serve as references, inspiration, or deal with similar ideas as your piece.
- Email me by EOD (ie 5pm) people you don't want to work with and I will randomly assign at 5.30pm.
resources from class:
class 11 syllabus
links we talked about
do:
- DUE 11/30:
- Work in pairs. Due in 2 weeks. Create a 60s sound composition. No visuals. Just sound.
- What parameters of sound are you working with? Texture, rhythm, melody, something else?
- Prepare 2-5 words to describe the sound as it progresses over the 60s.
- Create a blog post documenting your work. Include links to other projects that serve as references, inspiration, or deal with similar ideas as your piece.
resources from class:
class 12 syllabus
class 12 slides
text assets
links we talked about
download github folder service
p5 loading web fonts reference
strings
for...of
concat()
replace()
regular expressions
demo -- text
demo -- interactive letter class
demo -- loading web fonts and text from files
demo -- cleaning up files with regex
do:
- DUE 12/7 -- BLOG POST PROPOSAL
- Write a short post proposing a sketch you'd like to present in the final class. You can document your idea any way you like, but here are some prompts to help you get started.
- In one sentence, what is it you hope to create?
- What topics, assignments, or other material from this semester are you drawing from? What other inspirations, resources, references do you hope to draw from?
- What challenges do you expect to face? What are you unsure of (technically or conceptually)?
- Who is this for? (What is your audience?)
- DUE 12/14 -- FINAL PRESENTATION
- This is low stress, but not low effort. You should be able to have a high level conversation about your project and explain why each design choice was made.