Skip to content

Assignment 1

Jump to bottom Edit New page
David Ahmad edited this page Jan 20, 2016 · 52 revisions

Setup

  1. Sign up for a github account to be able to edit this wiki.
  2. Sign up for the class google group.
  3. Create an account with the p5.js web editor

Reading

  1. p. 8-41 of Form + Code
  2. chapters 1-3 of Getting Started with p5.js
  3. Long Live the Web, Tim Berners-Lee

Videos

  1. Youtube Video Lessons. These are optional, watch whatever you find most helpful. 1.0-2.2 were covered mostly in class. 2.3 - 2.5 include additional material that will help you with your assignment.
  2. Casey Reas Eyeo 2012 talk on Chance Operations

Sketches

  1. (completed in class) Using p5.js, create your own screen drawing: abstract design, self-portrait, alien, monster, etc. Use only 2D primitive shapes – arc(), curve(), ellipse(), line(), point(), quad(), rect(), triangle() – and basic color functions – background(), colorMode(), fill(), noFill(), noStroke(), stroke(). Here's a simple example.
  2. Create a animated application. Consider starting over from scratch and build something with a very simple design. Focus on the logic of variables and avoid using hard-coded values. Play with mouseX and mouseY. If you are stuck, here are some ideas.
    • Experiment with motion using a single simple shape. Can you create a randomly jittering "nervous" square? (Here is a sample). A circle that spirals around the window? How could user interaction affect the shape's motion?
    • Use random() to create a painting system. Here are some examples: Pointillism, Random Path.
  3. If you run into problems with the web editor, consider posting an github issue.

Blog post

  1. Follow the blog setup instructions at netid.nyuad.im/blog.
  2. After reading the beginning of Form+Code, Long Live the Web and looking at example computational media projects write a blog post about how computation applies to something your interests. This could be your major, a different class you took last term, a personal hobby, or a cause you care about. What projects do you imagine making this term?
  3. In the same blog post (or a new one), document the process of creating the above two sketches. 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?
  • Example blog posts: thinh, jean, rebecca, nick.
  • Note that the total writing requirement for the term is 7,000 words so you'll want to keep each post around 700 words to keep up.

Link below

  1. Contribute any questions below.
  2. Add a link to your sketch(es) running online and your blog post(s) below. I assume most of you will use the web editor, however, if you choose to develop your sketch in a different way you'll need to manually upload your code (tutorial). To do this with your nyuad.im server you'll need a password, e-mail me if you would like one!

Questions

  • Tanya- Hello Professor, I tried to use the embed link from the p5 editor into my Blog Post but somehow, it doesn't work. I followed the exact same procedure you showed us in class today. Can we please go over it again tomorrow? Thanks.

Add Link Your Homework

In-class

Add a custom footer
Add a custom sidebar

Clone this wiki locally