Skip to content
Yongkun Li edited this page Dec 20, 2019 · 473 revisions

Week 14; Final

Week 13

  • RESOURCES FROM CLASS:

  • DO:

    • Your final project! You can take something you did earlier this semester and expand it. You can combine it with your pcomp final. You can scratch a new itch. Remember it is essentially a 2 week assignment.
    • Prepare a 5 minute presentation to demonstrate what your project does that emphasizes its computational aspects.
      • If your project is interactive, please be prepared to have someone else in the class interact with it to demo.
      • If your project can only be demo'd outside of class, please show a short video (~2 minutes) of the experience.
    • Post documentation in the form of a blog post. Ideally something visual, some written thoughts, and code. How do you feel about WHY you want to use code in your work now compared with the beginning of the semester? If you are struggling with your sketch and can't get things to work, you should feel free to put your energy into writing about what didn't work (and vent any frustrations!). If it is a collaboration, please describe your contribution to the project.

Week 12

Your Work


Week 11

Blog Posts


Week 10

  • FROM CLASS

  • DO:

    • Complete this worksheet.
    • Train your ears - Follow the directions at the top of the sketch. Save an image of your best attempt and post it to the worksheet.
    • Consider working in pairs. Due in 2 weeks. Create a 30-60 second sound composition. No visuals. Just sound. OR use sound for a week combined with some visuals.
      • Prepare 5-10 words to describe the piece
      • Create a blog post documenting your work. Also include links to other projects that serve as references, inspiration, or deal with similar ideas as your piece.
  • READ AND WATCH:

Questions | Examples

  • Your question here

Blog Posts

Week 9

Questions | Examples

Week 8

Questions | Examples

Week 7

RESOURCES FROM CLASS

DO:

  • Go see a performance, some art or go out into nature or just stop at odd moments and ask how computation could attach to those experiences.
  • Write a blog post about anything.
  • Possible Topics
  • Generic Benefits/Perils of Computation for Society
  • Personal Benefits/Perils of Computation for Your Creativity

Questions (example questions)

  • Your questions here

READ / WATCH

Blog Posts

Week 6

RESOURCES FROM CLASS

TEST YOURSELF

DO:

  • Next week you will be presenting your own assignments. Time limit is 5 minutes. Please have a sentence or two at the beginning talking about your process of why you ended up doing what you did. Then what you did, and finally how you did it. Be prepared to point out 3 things in your sketch and how they're working. (e.g. Here's a loop, it's limit is being set by the mouse. This doohicky is an object and I have an array of 100 of them. They flicker and change color and when I click, I flip a boolean to make them start and stop flickering.)
  • Go further with a current project or pick up on something that you thought of before but were unable to do yet. Try to have some fun.

READ / WATCH

Questions (example questions)

  • Your question here.

Homework Links

Week 5

Questions (example questions)

  • Can we go over how to repeat/ draw multiples of a function without repeating the function (ex. naming it function2 and calling it in draw again?) - Nicole
  • How can I use complex shapes as masks/ clipping masks? - Nicole

Homework Links


Week 4

Look at the p5 DOM Reference (used to be external library now in core):

Questions (example questions)

  • Your questions here.

Homework Links


Week 3

Try Pair Programming

* Boo Song -- Kevin Lee
* Sohaila Mosbeh -- Monni Qian 
* Leo Ouyang -- Hanyi Zhang 
* Nicole Ginelli -- Caren Ye 
* Sherry Liu --  Fanyi Pan 
* Hyunseo Lee ---Ruiqi Wang 

Questions (example questions)

  • How to start a new page with clicking a button? Monni. ** Maybe have modes in your draw loop by inventing a mode variable.

let mode = "page1";
function draw(){
  if (mode == "page1"){
     //draw some stuff
  }else if (mode == "page2"){
     //draw other page
  }
}

function mousePressed(){
   mode = "page2";
}
  • How to start a new page when a ball falls off the screen (game over)? Caren

Homework Links

Week 2

  • LINKS FROM CLASS:

  • TEST YOURSELF: Worksheet Post a url to your answers on the Google Doc.

  • DO: Create a sketch that includes (all of these):

    • One element controlled by the mouse.

    • One element that changes over time, independently of the mouse.

    • One element that is different every time you run the sketch.

    • e.g. Maybe change color, alpha, and/or strokeWeight instead of position.

    • Or do something completely different!

  • WATCH, READ, RUN CODE:

Questions (example questions)

  • Is there a way to use the mousePressed function as a play button? Restarting the animation very time I click on it- Sohaila
    • Maybe you could call the setup function again?
function mousePressed(){
 setup(); 
}
  • I noticed that writing "print()" in the code could make the print window of the browser pop up. What's the magic behind this? -- Leo
    • yes print() without something in it like print("Hey") will bring up print options to print the screen. Some people prefer the native javascript console.log("hey") to the simplified p5 print().

Homework Links

Week 1

  • RESOURCES FROM CLASS:

  • SET UP:

  • DO:

    • Complete this worksheet. Our weekly worksheet becomes the basis for the next class. You must be logged in with your NYU account to access the worksheet.
    • Create your own screen drawing: self-portrait, alien, monster, etc. Use 2D primitive shapes – arc(), curve(), ellipse(), line(), point(), quad(), rect(), triangle() – and basic color functions – background(), colorMode(), fill(), noFill(), noStroke(), stroke(). Remember to use createCanvas() to specify the dimensions of your window and wrap all of your code inside a setup() function. Here's a sample example: Zoog
    • Write a blog post about how computation applies to your interests. This could be a subject you've studied, a job you've worked, a personal hobby, or a cause you care about. What projects do you imagine making this term? What projects do you love? (Review and contribute to the ICM Inspiration Wiki page). In the same post (or a new one), document the process of creating your sketch. What pitfalls did you run into? What could you not figure out how to do? How was the experience of using the web editor? Did you post any issues to github?
  • READ AND WATCH:

  • ASK QUESTIONS: Contribute at least 1 question below.

Questions | Examples

  • How do I create gradient color?, Xinyue Qian
  • How can I figure out the exact coordinate of the points on my sketch?, Xinyue Qian
  • When a line starts from an object without outlines, how to avoid overlapping between the two?, Song
  • Is it possible to adjust thickness of the letter? stroke() didn't work, Kevin
  • How can I feather an object to fade out?, Nicole Ginelli

Add Your Homework

For Week 1, please watch the first 2 video tutorials listed on this page under the heading Basics: https://github.com/ITPNYU/ICM-2019-Media/blob/master/weeks/01_pixels.md

If you’re really into it, you can check out the additional videos listed below.