Assignment 1

1. Sign up for a github account to be able to edit this wiki.
2. Sign up for the class google group.
3. Read p. 8-41 of Form + Code
4. (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.
5. Create a animated application. Start 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.
6. Follow the blog setup instructions at netid.imnyuad.com/blog.
7. After reading the beginning of Form+Code 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?
8. 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? Here are some examples.

• 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.

6. Upload your sketch to your server by following these instructions.
7. Contribute any questions below.
8. Add a link to your sketch running online and your blog post(s) below.

Questions

• [Duru] - I wanted to add sound, downloaded the Sound.js file but for some reason the page kept on saying "Uploading." (I cut the .mp3 file so I don't really think it's the size. I removed it in the end. Can I fix this?)

Add Link Your Homework

• Daniel Shiffman: The Circle, write-up — any other comments
• D. Duru Aydin, "Annoying Dart", [http://dda255.imnyuad.com/blog/?p=4]
• Thinh Tran, Of London and running around in circle, write-up
• Jocelyn Schulz : [Paint] (http://jks405.imnyuad.com/assignment1/), [Bounce] (http://jks405.imnyuad.com/assignment1/bounce), [Doc] (http://jks405.imnyuad.com/blog/?p=1).
• Amber Nomani: Bubbles, write-up
• Eszter Sarkozi:[Meadow] (http://es3099.imnyuad.com/assignment1/), write-up
• Benny Lu: [Smoke] (http://pyl266.imnyuad.com/Assignment%2001/), Data Visualization write-up
• Andrei Stoica sketch, write-up
• Jean Edwards, [NYU] (http://jne241.imnyuad.com/Assignment%201/) , [Write up] (http://jne241.imnyuad.com/blog/?p=4)
• Talha Javed: Sketch: Android, Animation: Spiraling Circle, Write-up, [Computation] (http://tj626.imnyuad.com/blog/computation-in-my-life/)
• Yanfei Zhang: [Star] (http://yz1345.imnyuad.com/01_Star/), Write-up
• Antenah: [bouncing ball] (http://atz214.imnyuad.com/Assignment%201/) [Documentation] (http://atz214.imnyuad.com/blog/)
• Abhijai: [Criss Cross] (http://ag3754.imnyuad.com/assignment1/), [Documentation] (http://ag3754.imnyuad.com/blog/?p=7), [Code. Me+Computation] (http://ag3754.imnyuad.com/blog/?p=5).
• Nkosikhona: [Snake] (http://nmm380.imnyuad.com/Assignment1/), [Write-Up] (http://nmm380.imnyuad.com/blog/?p=4)