Homework Roopa Tuesday

Guidelines

• Each week you must complete two items for your homework.

  • Post documentation of your assignment. This can be a short blog post with screenshots / video documentation and/or a processing.js implementation of your sketch. It should include something visual and your source code.
  • Place a copy of your sketch folder in our class' shared dropbox folder. Contact @shiffman if you do not have access to the folder.

• A word about JavaScript mode and Processing.js

  • JavaScript mode in Processing is a nice magic trick that allows you to run a Processing sketch in a web browser. However, there are lots of reasons why it may not work from obvious ones like no third party libraries to less obvious ones like no functions with the same name as a variable. To make matters worse, some of Processing's 2.0 API is not implemented for JS. Use JavaScript mode cautiously and don't let it get in the way of the important stuff like just making what you want to make.
  • Instructions for JavaScript Mode
  • Just to make things even more confusing, we are teaching something called p5.js. p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today’s web. p5.js is a framework you want to use if you want to write your code natively in JS whereas processing.js is something that will translate your code behind the scenes for you.

Week 1

Assignment: Create your own screen drawing: 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(). Remember to use size() to specify the dimensions of your window. Feel free to use your prior programming experience using variables, loops, etc. where necessary. But embrace the constraint of a static drawing for this week.

---

• Daniel Shiffman -- A Red Square.