Skip to content

Homework Dano Wednesday

Jump to bottom Edit New page
ats421 edited this page Sep 17, 2014 · 132 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

Final Projects

  • Please link your name below to your final project proposal. Please post a link to your final project documentation. Don't forget title, one sentence "What is it"?, longer description, who is the audience?, something visual for us to look at in class: drawings, images, video, etc, References: links to related projects, code samples, if you are collaborating, your process.
  1. Michelle Lin -- [Stellar: An Interactive Dance Performance] (http://www.whatthebagel.com/category/icm/)
  2. David Tracy -- geoTree Final Documentation
  3. Alejandra Medina -- Playing with Sound
  4. Roy Park -- Sound Visualizer
  5. Kristina Budelis--[15 Minutes of Fame: A Modern Self Portrait Machine] (http://www.kristinabudelis.com/15-minutes-of-fame-a-modern-self-portrait-machine)
  6. Sharon De La Cruz- ["The Wu Is Back"] (http://itp.unoseistres.com/?p=413)
  7. Maximo Sica -- [Psycho Killer... Qu'est Que C'est?] (http://babelbubble.com/?p=252)
  8. WoonYung Choi -- [Rat sightings in Manhattan] (http://www.woonyungchoi.com/itpblog/?p=469)
  9. Yu Ji -- [virtual dressing mirror] (http://yuji2015.net/itp/icm-final-updates-before-final-not-finalize-yet/)
  10. Tessa Ndiaye -- [Teach Me Africa] (http://tessandiaye.wordpress.com/2013/12/05/teach-me-africa-2/)
  11. Saki Hayashi --[Intelligent Architectural Toy] (http://www.sakihayashi.net/?p=522)
  12. Amelia Winger-Bearskin --voice touch
  13. John Choi --[Skin Color Detection] (http://www.j-namuchoi.com/?cat=4)
  14. Seiya Kobayashi -- [MarioBrosOnMe] (http://s5884.com/itp/2013/10/23/mariobrosonme/)
  15. Seiya Kobayashi -- [MarioBrosOnMe] (http://s5884.com/itp/2013/12/12/icm-final/)

Week 7

Week 6

Homework: Go further with your project. Use Arrays.

Regular Work

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

  • Amelia Winger-Bearskin -- John Choi --
  • Michelle Lin -- Yu Ji --
  • David Tracy -- Saki Hayashi --
  • Roy Park -- Tessa Ndiaye --
  • Seiya Kobayashi -- Alejandra Medina
  • Kristina Budelis -- Sharon De La Cruz-
  • WoonYung Choi -- Maximo Sica --

Regular Work

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.

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

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