Skip to content

Homework Rozin Wed_Morning

Jump to bottom Edit New page
Stream Gao edited this page Jun 13, 2018 · 9 revisions

Documentation

LINKS TO FINAL PROJECT DOCUMENTATION

User Testing

The testing will follow a "speed-dating" format. The class will be divided into two groups and we'll do two rounds. For each round half the students will set up on a laptop in the class room and the other half will "view" or "interact with" or "listen to" your project for ~10 minutes. We'll rotate so that all 7 "testers" will try each project and provide feedback.

Group A Presenters: 9:10 - 10:20

  • O'Connell, Ainsley
  • Pickard, Craig
  • Bojko, Daria
  • Paez, Isabel
  • Wasserman, Jacob
  • Marins Costa, João Pedro
  • Han, Jonathan

Break 10:20-10:35

Group B Presenters 10:35 - 11:45

  • Backhus, Jordan
  • Zhou, Kaini
  • Tal, Maya
  • Kuba, Renata
  • Gao, Xi
  • Mou, Xiaolong
  • Mulase, Yurika

11:45: Course Evaluations

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 also teaching something at ITP called p5.js. If you take Commlab: Network Media, you'll encounter this. 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.

Final Project Proposals

Please link your name below to your final project proposal. It's up to you to figure out how to best demonstrate your idea, but I suggest you include the following:

  • Title
  • One sentence "What is it"?
  • How did you become interested in it?
  • Who is the audience?
  • Something visual for us to look at in class: drawings, images, video, etc.
  • A sample Processing sketch that demonstrates a first step
  • References: links to related projects, code samples, etc.
  • Questions for the class (conceptual or technical)
  • If you are collaborating, please consolidate the list below!
  • Plan to present your idea in ~5 minutes leaving about 5 minutes for discussion.
  • Here are some sample final project proposals.

proposals:

Week 7 Pixel project Oct 22 (only half the class presents)

Week 8 data project oct 29 (only half the class presents)

Week 6 pairs

Create a class that has some functionality (possibly more than one class) document its use (what arguments are needed for constructor, what arguments for every function) swap classes with your pair and write a sketch that uses their classes. I encourage the use of arrays to hold multiple objects.

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. Embrace the constraint of a static drawing for this week.

Week 2 pairs

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. Start by working in pairs (according to list below). You can post together or break off and complete the assignment individually

• Renata Kuba -- [Fireworks] (http://renatakuba.com/ICM/web-export/)

WEEK 3

WEEK 4

WEEK 5

Add a custom footer
Add a custom sidebar
Clone this wiki locally