Homework-Shiffman-ICM-F12
Search:
ClassWork / Homework-Shiffman-ICM-F12

Shiffman Homework

  • Login and press the edit link above to post your homework assignment. You may upload your homework wherever you like (ITP server, your own server, blog post, etc.). Here, simply add a link to your work.
  • Instructions for uploading: http://itp.nyu.edu/varwiki/ClassWork/Homework-upload-instructions
  • If you have never edited a wiki, just follow the existing pattern *[[http:blablabla | name]] comments . Don't forget to press the "Save" button at the bottom of the editing page.

Final Project Presentations Wed, Dec 7

Please post your final project documentation to a web page (blog post is fine) and link next to your name below.

  • Note that final documentation is not due until Friday, December 14.
  • In class presentatons will be approximately 10 minutes each.
  • It's up to you to figure out how to best document your project, but I suggest you include the following:
    • Title
    • Brief written description
    • Visual Documentation: web applet, images, video, etc.
    • References: links to related projects, code samples, etc.
    • Source code (please cite your sources in the code comments)

Final Project Proposals, Nov 20

Please post your final project proposal to a web page (blog post is fine) and link next to your name below.

  • It's up to you to figure out how to best demonstrate your idea in class, but I suggest you include the following:
    • Title
    • One sentence "What is 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.

Week 8

Develop a project that uses an external data source. For this project you should document your work in a blog post (and link below) in addition to creating the Processing sketch. Note that certain methods for grabbing data will not work in JavaScript mode. You can present in class using your laptop or put your sketch into dropbox. Here are some ideas:

  • Create a game that saves a high score list to a text file.
  • Track personal data over the course of a few days (exercise, sleep, computer use, eating, etc.). Enter the data into a CSV file and visualize.
  • Count word frequencies in two different text sources (i.e. two different authors, two different newspapers, two different political speeches) and visualize the concordance.
  • Visualize weather data (http://developer.yahoo.com/weather/)
  • Connect a Processing sketch to a Sinatra app. See Chris Kairalla's joke demo: web app, web app source, Processing client

You are welcome to present again even if you presented last week.

  • Jon --
  • Mack -- First try at an earthquake visualization. Wasted so much time fiddling with Unfolding Maps...argh!!! http://itp.nyu.edu/~rmh398/mackblog/?p=182
  • Su -- Data Visualization on US federal budget vs. public's popular demand (searched on Twitter). I downloaded twitter data in JSON file and converted into a plain text. Then I programmed it to search & count the words I gave manually. US federal budget is a .svg file that is flat but public's popular demand side's circles grow as the Processing counts given words. http://itp.nyu.edu/~shk479/ICM/USbudget_vs_publicdemand/ There is a lot more to do. 1) Would like to get live Twitter feed here 2) Have the same categories(on US budget side and popular word side) connect themselves. 3) When mouse is over, show all the sentences that is related to the word/category. Oh, and this is extremely slow on web! Is there a way to make it faster? ;p
  • Ting --http://feng-yuting.com/2012/11/13/icm_week008_data-visualize/
  • Valerie -- | Lana Lyrics
  • Rose -- Data Visualization: 5 Short Science Films. After a number of different film screenings I asked audience members to rate each short film on a scale of 1 to 5 (5 being the most favorable).
  • Andrew --
  • Norah --
  • Jess -- PROCESSING + SINATRA http://itp.nyu.edu/~jj1357/sinatra/bDayITP it was my web final project, but suddenly broken for few weeks. So I debug it (before, .yml file was loaded in sketch, but now I use http://itp.nyu.edu/~jj1357/sinatra/bDayITP/wish this HTML page as a data source. substring() function is used for getting rid of html tags, rather than split() function I used in previous version.
  • Maria Paula -- My Monthly Restaurant Expenses http://itp.nyu.edu/~msd403/blog/?p=447
  • Myriam --
  • Jay Z --Click to Download geo-Linked Photo Mapping. Runs Locally, using Tables and Extracted GPS data
  • Sam -- 2 projects this week! My data project is my final interactive photo mosaics. BLOG HERE. But my new project for the week was actually my pcomp midterm. I used serial communication between arduino and Processing to do something pretty fun with nutrition. Details here and here
  • Sonia --

Week 7

Develop a project that uses images and pixels. For this project you should document your work in a blog post (and linke below) in addition to creating the Processing sketch. Note that examples that use Capture of Movie will not work in JavaScript mode. You can present in class using your laptop or put your sketch into dropbox. Here are some ideas:

  • Create a software mirror by designing an abstract drawing machine which you color according to pixels from live video.
  • Create a video player. Consider combining your pcomp media controller assignment and build a Processing sketch that allows you to switch between videos, process pixels of a video, scrub a video, etc.
  • Use the kinect to track a skeleton. Can you "puppeteer" an avatar/animation with the kinect?

Note that only the first 7 people (names in bold) will present this week. The second 7 will present the "data" assignment. You should all complete both assignments, however, and of course you can present both weeks if you have a question or something you really want to get feedback on. Feel free to switch with each other or e-mail me if you would like to switch.

Week 6

Using arrays and loops, write a program that creates multiple instances of an object (feel free to use an object you developed previously or create something new). You can consider continuing the "particle system" thread and try modeling something like rain, snow, bubbles, etc. You can also look ahead to images and data and think about how an image is an "array of pixels" an a String is an "array of characters."

  • Andrew -- I did something, but it contains sound and images so I have no idea how to upload it. It's pretty goofy.
  • Jay Z -- Flower Type 1,Flower Type 2, Flower Type 3, Flower Type 4, Flower Type 5, Flower Type 6 Built these with the intention of building them all into their own Classes and Objects, and combining them with my code from last week. Ran short on time / ran into errors. Bummer.
  • Jess -- download this : SinkThink Have some text display trouble in javascript mode- so uploading as ZIP file. open the textplay.pde sketch and click background once and write down what you think!
  • Jon --
  • Mack -- I'm working in conjunction with my PCOMP midterm (we're making a glitch camera). I found some code online by Kim Asendorf, and got it to work with the computer's webcam. In the sketch press ENTER to freeze the frame, and then hit G to glitch it. May have to copy code into processing... CLICK HERE..
  • Maria Paula -- I did a kind of photoshop hue and saturation control. How to use is here. Basically change image in 1,2,3,4,5 keys and click mouse to go back to original image and click again to the modified image. Sketch is here.
  • Myriam -- Example 1: http://itp.nyu.edu/~mgm415/blog/?p=285 Code Example 1: http://itp.nyu.edu/~mgm415/blog/?p=288
  • Rose -- For this exercise, I am setting the foundation for a continuous Satellite Map Project that will be updated to reflect cities around the world that host satellite film festivals. The animation will begin when cursor scrolls over certain locations and will also act as a hyperlink to subpages.
  • Sam -- UPDATED: Wrote a blog about my interactive digital photomosaic: BLOG HERE. Working photo-mosaics are here: ITP 2014! Learn It Live Expert Community! When you click, you activate search mode which allows you to see a nice pop-up with info about each person. I hooked it up to a CSV file to act as a "database." Everything works well, just needs to be better in JS mode. I also am about done with a version that shows the ITP 2014 class.
  • Sonia --Not done with this yet! http://itp.nyu.edu/~sl3832/ICM/week6/
  • Su --last night's debate Displaying my friend's Facebook comments about the last night's presidential debate.
  • Ting -- http://itp.nyu.edu/~ytf208/ICM/HK006/ I have two more goals. First, I want my bounce ball can bounce with each other. Second, I want each bounce will change the color each time they touch each other.
  • Valerie -- fireflies updated! catch all the fireflies in the mason jar
  • Norah -- Just starting to play around with images. Press mouse to switch to circles.

Week 5

Design a sketch in an object-oriented fashion. Try to eliminate all code from the main tab (setup() and draw()) except for the core requirements (size(), background(), etc.) and calls to objects. If you are stuck for an idea, consider the following. Build a particle system. A particle system can be used to simulate: rain, snow, fireworks, explosions, smoke, etc. For this week, you would create a Particle class to describe a single particle and try to get two particles on the screen using separate variables. (Then next week, after we learn arrays, you would visualize hundreds (or thousands) of particles on the screen.) 

           Ice Cream Deluge And the ice cream game with winScoop object in an array.

Week 4

Re-organize the code of a previous assignment or example using functions and objects. If you are inspired by the power of modularity, feel free to elaborate on the assignment. Work individually or in pairs (no pairs will be assigned this week.)

Week 3

In Dropbox and on Github there are a set of examples for traditional GUI elements. As an exercise, try making a rollover, button, or slider from scratch. Compare your code to the examples. Moving beyond the exercise, can you invent new GUI elements beyond buttons, sliders, rollovers, etc.? Swap sketches and riff of of your partner's work. You can post as a group or break off and complete the assignment individually.

Week 2

Create a animated application. You can continue to elaborate on last week's assignment or you can design something new. Use variables to change colors, grow and shrink your design, etc. Play with mouseX and mouseY. Start by working in pairs (below). You can post together or break off and complete the assignment individually.

Week 1

  • Daniel Shiffman -- A Red Square. Here are some thoughts and comments about my wonderful experience making this green circle.
  • Sonia Li -- Bunny Originally the squid was a bunny face but it turned out to be too elaborate with my prehistoric programming skills, so I altered it into a squid. I had to make the small triangles the stupid way (i.e. one by one) It took a long time and there was a lot of pausing to think about grid positions. Antonius taught me how to use void setup, void draw and integers to do a continuous shape loop but I didn't know how to stop the loop.
  • Jon Wasserman -- Purple Pinky
  • Jay Z -- Yellow Flower. Playing with the curve function, and imagining a garden with greater variety.
  • Jess Jiyoung Jung -- geometric shapes
  • Su Hyun Kim -- Tia the cat My cat, Tia is chasing a mouse!
  • Yu-Ting Feng--http://itp.nyu.edu/~ytf208/ICM/HK001 Move you mouse! Monster will watch where you move.
  • Maria Paula Saba --Purple Dinosaur - My personal processing monster.
  • Andrew -- Aaaah Face - An ugly face going "Aaaah!" I wanted to play around with random colors a bit. Press the mouse to randomly change the face color and press any key to randomly change the background.
  • Myriam -- http://itp.nyu.edu/~mgm415/blog/?p=47 - "The Projector Freak" - Had a tiny problem, when I copied my code into Wordpress, the eyes changed! Here's my code http://itp.nyu.edu/~mgm415/blog/?p=49
  • Norah -- the eyes - I made a peacock!
  • Mack -- Lightning Bolt - I was messing around with "vertex" points, and made a wacky lighting bolt. Getting used to using coordinates was challenging at first.
  • Rose -- Ref: Mondrian
  • Sam -- Kanye. Genius. Make sure to move your cursor around the window to experience the full-on genius that is Kanye. Click to get a Kanye pearl of wisdom. I had too much fun with this!
  • Valerie -- Jailed Bear A bear at a birthday. Or in a dunce cap.
Search
  Page last modified on December 18, 2012, at 03:49 PM