Skip to content

Homework Dano Tuesday

Jump to bottom Edit New page
Dano edited this page Nov 19, 2013 · 143 revisions

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 google drive folder You have to part of this group to see that folder in your google drive.

  • 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

User Testing

Round 1

  • Alon Chitayat User:Billy Dang
  • Dana Reginiano User:Claire Kearney-Volpe
  • Vicci Ho User:Corey Boling
  • Clio Davis User:Justin Restauri
  • Kyle Greenberg User:Leslie Lin
  • Alejandro Puentes User:Monique Saunders
  • Kate Sukpisan User:Yiyang Liang
  • Jeff Ong User:Joy Li

rotate

  • Alon Chitayat User:Claire Kearney-Volpe
  • Dana Reginiano User:Corey Boling
  • Vicci Ho User:Justin Restauri
  • Clio Davis User:Leslie Lin
  • Kyle Greenberg User:Monique Saunders
  • Alejandro Puentes User:Yiyang Liang
  • Kate Sukpisan User:Joy Li
  • Jeff Ong User:Billy Dang

rotate

  • Alon Chitayat User:Corey Boling
  • Dana Reginiano User:Justin Restauri
  • Vicci Ho User:Leslie Lin
  • Clio Davis User:Monique Saunders
  • Kyle Greenberg User:Yiyang Liang
  • Alejandro Puentes User:Joy Li
  • Kate Sukpisan User:Billy Dang
  • Jeff Ong User:Claire Kearney-Volpe

rotate

  • Alon Chitayat User:Justin Restauri
  • Dana Reginiano User:Leslie Lin
  • Vicci Ho User:Monique Saunders
  • Clio Davis User:Yiyang Liang
  • Kyle Greenberg User:Joy Li
  • Alejandro Puentes User:Billy Dang
  • Kate Sukpisan User:Claire Kearney-Volpe
  • Jeff Ong User:Corey Boling

rotate

  • Alon Chitayat User:Leslie Lin
  • Dana Reginiano User:Monique Saunders
  • Vicci Ho User:Yiyang Liang
  • Clio Davis User:Joy Li
  • Kyle Greenberg User:Billy Dang
  • Alejandro Puentes User:Claire Kearney-Volpe
  • Kate Sukpisan User:Corey Boling
  • Jeff Ong User:Justin Restauri

rotate

  • Alon Chitayat User:Monique Saunders
  • Dana Reginiano User:Yiyang Liang
  • Vicci Ho User:Joy Li
  • Clio Davis User:Billy Dang
  • Kyle Greenberg User:Claire Kearney-Volpe
  • Alejandro Puentes User:Corey Boling
  • Kate Sukpisan User:Justin Restauri
  • Jeff Ong User:Leslie Lin

rotate

  • Alon Chitayat User:Yiyang Liang
  • Dana Reginiano User:Joy Li
  • Vicci Ho User:Billy Dang
  • Clio Davis User:Claire Kearney-Volpe
  • Kyle Greenberg User:Corey Boling
  • Alejandro Puentes User:Justin Restauri
  • Kate Sukpisan User:Leslie Lin
  • Jeff Ong User:Monique Saunders

rotate

  • Alon Chitayat User:Joy Li
  • Dana Reginiano User:Billy Dang
  • Vicci Ho User:Claire Kearney-Volpe
  • Clio Davis User:Corey Boling
  • Kyle Greenberg User:Justin Restauri
  • Alejandro Puentes User:Leslie Lin
  • Kate Sukpisan User:Monique Saunders
  • Jeff Ong User:Yiyang Liang

rotate

Round 2

  • Billy Dang User:Alon Chitayat
  • Claire Kearney-Volpe User:Dana Reginiano
  • Corey Boling User:Vicci Ho
  • Justin Restauri User:Clio Davis
  • Leslie Lin User:Kyle Greenberg
  • Monique Saunders User:Alejandro Puentes
  • Yiyang Liang User:Kate Sukpisan
  • Joy Li User:Jeff Ong

rotate

  • Billy Dang User:Dana Reginiano
  • Claire Kearney-Volpe User:Vicci Ho
  • Corey Boling User:Clio Davis
  • Justin Restauri User:Kyle Greenberg
  • Leslie Lin User:Alejandro Puentes
  • Monique Saunders User:Kate Sukpisan
  • Yiyang Liang User:Jeff Ong
  • Joy Li User:Alon Chitayat

rotate

  • Billy Dang User:Vicci Ho
  • Claire Kearney-Volpe User:Clio Davis
  • Corey Boling User:Kyle Greenberg
  • Justin Restauri User:Alejandro Puentes
  • Leslie Lin User:Kate Sukpisan
  • Monique Saunders User:Jeff Ong
  • Yiyang Liang User:Alon Chitayat
  • Joy Li User:Dana Reginiano

rotate

  • Billy Dang User:Clio Davis
  • Claire Kearney-Volpe User:Kyle Greenberg
  • Corey Boling User:Alejandro Puentes
  • Justin Restauri User:Kate Sukpisan
  • Leslie Lin User:Jeff Ong
  • Monique Saunders User:Alon Chitayat
  • Yiyang Liang User:Dana Reginiano
  • Joy Li User:Vicci Ho

rotate

  • Billy Dang User:Kyle Greenberg
  • Claire Kearney-Volpe User:Alejandro Puentes
  • Corey Boling User:Kate Sukpisan
  • Justin Restauri User:Jeff Ong
  • Leslie Lin User:Alon Chitayat
  • Monique Saunders User:Dana Reginiano
  • Yiyang Liang User:Vicci Ho
  • Joy Li User:Clio Davis

rotate

  • Billy Dang User:Alejandro Puentes
  • Claire Kearney-Volpe User:Kate Sukpisan
  • Corey Boling User:Jeff Ong
  • Justin Restauri User:Alon Chitayat
  • Leslie Lin User:Dana Reginiano
  • Monique Saunders User:Vicci Ho
  • Yiyang Liang User:Clio Davis
  • Joy Li User:Kyle Greenberg

rotate

  • Billy Dang User:Kate Sukpisan
  • Claire Kearney-Volpe User:Jeff Ong
  • Corey Boling User:Alon Chitayat
  • Justin Restauri User:Dana Reginiano
  • Leslie Lin User:Vicci Ho
  • Monique Saunders User:Clio Davis
  • Yiyang Liang User:Kyle Greenberg
  • Joy Li User:Alejandro Puentes

rotate

  • Billy Dang User:Jeff Ong
  • Claire Kearney-Volpe User:Alon Chitayat
  • Corey Boling User:Dana Reginiano
  • Justin Restauri User:Vicci Ho
  • Leslie Lin User:Clio Davis
  • Monique Saunders User:Kyle Greenberg
  • Yiyang Liang User:Alejandro Puentes
  • Joy Li User:Kate Sukpisan

rotate

Final Project Proposals

Week 6

Go further with your ideas. Use Arrays.

Regular Homework

  • Alon Chitayat -
  • Dana Reginiano-
  • Vicci Ho --
  • Clio Davis --
  • Kyle Greenberg --
  • Alejandro Puentes -- [Mandala] (http://itping.wordpress.com/icm/)
  • Kate Sukpisan --
  • Jeff Ong --
  • Billy Dang --
  • Claire Kearney-Volpe --
  • Corey Boling --
  • Justin Restauri --
  • Leslie Lin --
  • Monique Saunders --
  • Yiyang Liang --
  • Joy Li-- [Is It Raining] (http://www.joyliatitp.com/?p=145)

Week 5

Homework: Further modularize your code into objects. If you have already worked with objects find something that intrigues you about something you have already done and go further. Arrays are the next technical challenge. If you have already mastered objects, a prose blog post would be welcome. Perhaps about what we talked about in class, the differences between computational media and traditional media. Is computational media better depicting our subjective experience or are we conforming to the new capabilities of computational media?

I am also asking you to try an object exchange. I will email you pairs. You should email your partner a class. Try to see if you can get your partner's object to work in a sketch.

Pairs for Object Exchange

  • Alon Chitayat --Dana Reginiano
  • Vicci Ho -- Justin Restauri
  • Monique Saunders -- Alejandro Puentes
  • Yiyang Liang -- Kate Sukpisan
  • Kyle Greenberg -- Billy Dang
  • Leslie Lin -- Claire Kearney-Volpe
  • Clio Davis -- Corey Boling
  • Jeff Ong -- Joy Li

Regular Homework

Week 4

Homework: Modularize: organize your draw loop into functions. Reuse: see if you can get one function to do slightly different things depending on what parameters you send it. Reflect on your existence as your cognitive load lessens while the pizzazz of your work stays the same or increases.

Or Post Separately

Week 3

Homework: In general this week, you should work with rule-based animation, motion, and interaction. You can use the ideas below or invent your own assignment. Start by working in pairs according to the wiki. Can you divide an idea into two parts and combine those parts? Can you swap sketches and riff of of your partner's work? You can post together or break off and complete the assignment individually. As an exercise, try making a rollover, button, or slider from scratch. Compare your code to the examples on github. Moving beyond the exercise, can you invent new GUI elements beyond buttons, sliders, rollovers, etc.?

Post Together

Or Post Separately

Week 2

Assignment: 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). We will allocate some time in class for this. You can post together or break off and complete the assignment individually.

Post Together

  • Dana Reginiano / Alejandro Puentes - [Samba Boy] (http://www.itping.wordpress.com/icm/)
  • Vicci Ho / Clio Davis - animated fishies.
  • Kyle Greenberg / Corey Boling
  • Yiyang Liang/ Kate Sukpisan
  • Billy Dang / Justin Restauri
  • Claire Kearney / Volpe -Monique Saunders
  • Jeff Ong / Zhuoying Li
  • Alon Chitayat / Leslie Lin - Carnival

Or Post Separately

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.

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