-
Notifications
You must be signed in to change notification settings - Fork 0
Homework Ellen
Section 03 Info | |
---|---|
Meeting Time | Tues 9:30am - 12:00pm EST |
Location | Room 408 |
Contact |
[email protected] On weekdays I aim to respond within 24 hours |
Student Hours | Mon 1:00pm – 3:00pm Zoom Tue 1:00pm – 3:00pm Zoom or In person (Coding Lab) Sign up here |
Support |
Resident office hours (schedule) The Coding Lab (schedule or drop-in help) How to ask code-related questions: examples |
Additional Materials |
Submit creative assignments Assignment responses Our Miro board Course syllabus p5.js Reference / Web Editor The Coding Train's Intro to p5.js Allison Parrish’s Creative Coding Notes xin xin's Intro to p5.js Qtv's Creative Coding tutorials in Chinese (also on bilibili) HappyCoding.io |
- About Our Course
- Week 8 • Oct 31 • Images, Pixels, Color
- Week 9 • Nov 7 • Video and Body Point Estimation
- Week 10 • Nov 14 • Sound
- Week 11 • Nov 21 • Some Text, Mostly Data
- Week 12 • Nov 28 • Final Project Proposals
- Week 13 • Dec 5 • Final Project User Testing
- Week 14 • Dec 12 • Final Project Presentations
Upon completion of the second half of the ICM course, Media, we will be able to:
- apply fundamental programming concepts to generate and manipulate media including images, video, sound, text, and data.
- experiment with media-specific, computational techniques and apply them to our creative work.
ICM Media is a seven-week course that meets once a week in person at the scheduled time. We will have assignments to do before each class, and these assignments will build towards a final exercise to share at the end of the seven weeks.
This course embraces an active-learning approach with the belief that programming is best understood by doing. In keeping with this approach, class time will be structured as a workshop and seminar instead of a lecture, relying heavily on group discussion and participation. Weekly tutorials before class sessions will introduce computational media topics. During class, supplemental code examples will be presented and discussed before hands-on work together. Time will also be allotted to share our weekly assignments. Examples and assignments will iteratively build upon lessons learned in preceding classes.
I encourage you to reach out to me outside of class to ask questions, share ideas/feedback, and discuss topics in detail.
All assignments will be posted on this page, and all are required. Unless otherwise stated, assignments are due the night before class so that I have a chance to review your questions before we meet. All assignments are expected to be submitted by the stated deadline. If you anticipate any challenges meeting the deadline, please reach out to me so that we can consider your options together.
Before class, read and/or watch the assigned tutorials about computational media topics and programming techniques to practice together when we meet in class.
There are worksheets* (linked below) to practice techniques introduced in this course. You are expected to add links to your p5 sketches directly in these documents.
There are also open-ended exercises to explore the topics for creative expression. You are expected to document your process, include a link to your p5 sketch, and answer these questions:
- What did you do?
- What worked?
- What didn’t work, and what steps did you take to try to solve the issue?
- Did any code-related questions come up for you?
- Be sure to cite (link to) any sources that you used.
Submit these assignments using our homework form*.
Here is the spreadsheet with everyone's responses*.
A big part of learning at ITP is learning from each other. Share your work and in return you'll see everyone else's!
*Log in to your NYU account to access the document.
**If you are struggling with the weekly assignments, put your energy into writing about what didn't work and how you tried to solve it. It is totally okay to vent your frustrations. Document your work to reference later and to help you synthesize what you did and tried to do.
- More presentations
- Overview of ICM Media
- Image files
- Objects with images
- Pixel regions
- Pixel manipulation
- Syllabus resources
- Media resources
- Supported media type and formats
- Pxhere | Unsplash | Wikimedia Commons or your own?
- p5 examples
- All the ways to create images
- Getting started with image files
- Animating images
- Objects with the same image
- Working with many images
- Pixel and pixel region info
- Objects of pixel regions
- Demonstrating alpha
- Canvas pixel array
- Image pixel array - change pixel color
- Pixelated image using pixel array - just get pixel color
- Color (if we have time)
- Related projects
- gämma by p1xelfool
- Kim Asendorf
- Joiri Minaya’s #dominicanwomangooglesearch
- Photomontage by Sohei Nishino*
- Four Artworks by Kensuke Koike, Photographs by Tommy Kha for The Myth of Asian American Identity*
- The Constructed Self by Karen Navarro
- The Moment We Meet by Hsin-Chien Huang
- Joiners by David Hockney
- Garbage Selfie by Jenny Odell
- Pushin' Pusheen Pixels by August Luhrs
- 2D Water Ripple Coding Challenge (p5 version by Lisa Jamhoury)
- First 1/3 of Coding Train Coding Challenge: Slitscan Time Displacement
Effect using the
copy()
function with images - *Free NYTimes subscription via NYU
- PRACTICE • Week 8 Worksheet
- CREATE • PARTS OF A WHOLE
- Create and/or manipulate an image (or images) using pixel regions and/or
individual pixels to create an alternative reality than depicted in the
source image(s). Describe in 1-3 keywords how the result feels different
from the source image(s). Write a blog
post
documenting your process and result. Work with any kind of imagery you want.
Whatever you choose, you might consider these elements of a
photograph
in your computational approach:
- Techniques and attributes: Light, focus, time, motion, vantage point/point of view, framing, cropping, composition
- Composition: Shape, line, angle, color and tone, pattern, depth, overall composition
- Content: Subject, background, foreground, people, story, mood/feeling, symbol/metaphor, style, genre, artist's intention/purpose, meaning
- Submit on our homework form.
- Create and/or manipulate an image (or images) using pixel regions and/or
individual pixels to create an alternative reality than depicted in the
source image(s). Describe in 1-3 keywords how the result feels different
from the source image(s). Write a blog
post
documenting your process and result. Work with any kind of imagery you want.
Whatever you choose, you might consider these elements of a
photograph
in your computational approach:
- READ
- Working with video tutorial by Allison Parrish
- WATCH
- Coding Train Video 11.1 on capturing your webcam ~10min
- Video with machine learning pose estimation using ml5.js. Please note that a
new version of the ml5 project is currently underway, but this documentation
for the earlier version is still a useful introduction to the concepts:
- Coding Train videos Beginner's Guide to Machine Learning with ml5.js and Pose Estimation with PoseNet ~40min
- Coding Train video Teachable Machine: Images and Snake ~30min
- A visual and intuitive understanding of deep learning from Octavio Good (0:00 - 9:40) ~10min
- (OPTIONAL) Coding Train: Live Video and createCapture on video photo booths, pixel mirrors, painting with pixels, and slit-scan video ~1hr 20min