- 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.
- Oscar Tews -- Homework - Week 1. Self portrait, based on an existing photo of myself, where I traced the x and y coordinates of certain features in photoshop to make corresponding custom shapes(there is a function that displays the coordinates of your cursor on the plane of the picture).
- Jack Holmes -- Homework - Week 1. Self-portrait. Did this entirely without Illustrator or any kind of source image--just kind of figured out the size and shape of things relative to one another by trial and error.
- Lucas Mascatello -- Homework - Week 1. Self-portrait. pseudo line drawing
- Manabu Nagaoka -- Homework - Week 1. Self-portrait. pseudo line drawing
- Oscar Tews -- Homework - Week 2. I played with the rotate() function in separate instances to create the animation of spinning gears.
- James Hodges -- Homework - Week 2. I drew 4 circles and set up changing variables using functions like mouseX, mouseY, and rotate(), so that they would grow, change color, and rotate as time progressed.
- Emerson Rosenthal -- Homework - Week 3 Homework for translation and rotation
- Manabu Nagaoka -- Homework - Week 2. animated static image with angle and rotation.
- Caitlin Orbanek -- *Homework - Week 2 As of this week, this is as far as I've gotten understanding the concepts. It's coming along, though!
- Jack Holmes -- Homework - Week 2 Basic rotation test.
- Shi Lim -- Homework - Week 2 Basic rotation test. Translation of rectangles from the origin, all rotating at different speeds. As the rotation continues, different patterns form.
- Lucas Mascatello -- Homework - Week 2. just trying to make something stimulating
- Christian Brucculeri Homework - Week 2
- Laura Seach -- Homework - Week2
- Manabu Nagaoka -- Homework - Week 3. keyPress or mousePress changes background color; circles in different parts of the canvas in different colors.
- Oscar Tews -- Homework - Week 3. Frank the duck hates being rained on. Follow him with the umbrella to keep him dry. Click to open or close the umbrella, and manipulate the rain intensity by pressing 1, 2, or 3.
- Christian Brucculeri -- Homework - Week 3. Use the keyboard or the mouse to make different things happen...
- Jack Holmes -- Homework - Week 3. Not as advanced as I initially wanted it to be (originally wanted the lines to expand and contract a la the circles, along with randomly generating colors) but c'est la vie.
- James Hodges -- Homework - Week 3. Steady pulsating designs with size and color variables. Draw whispy lines with the mouse and create a strobing effect by clicking. Colors and thicknesses determined by variables and mouse movement.
- Emerson Rosenthal -- Homework - Week 3. Click the mouse to change the fill color of the quads to black.
- Shi Lim -- Homework - Week 3. Color of the background, and the distance and speed of the rectangles forming the tail end of the shape change depending on where the mouse is.
- Lucas Mascatello -- Homework - Week 3. simply drawing experiment, use the a s d keys to play with color
- Caitlin Orbanek -- http://itp.nyu.edu/~co567/ICM/Week3/applet_js/ | Homework - Week 3]]. Two different colored series of ellipses depending on where the mouse is. Click the mouse to make a yellow rectangle appear.
- Laura Seach -- Homework - Week3. A graphical representation of my water consumption in a year. By mousing over each data point, its value appears.
- Manabu Nagaoka -- Homework - Week 4. An "attempt" to create random motion of a butterfly; move pointer(you) and it follows you; random color, wing flaps, circular motion, etc., for an illusion of a live butterfly.
- Oscar Tews -- Homework - Week 4. Click to initiate a (randomly) color-changing, (randomly) bouncing ball. Click again to redirect the ball is the motion seems to stagnate. An original version that traces the motion of the ball. Includes the ability to stop the animation by pressing any key, and starting back up by clicking again.
- James Hodges -- Homework - Week 4. Rocket through cyberspace and dodge the 'enemies' (circles spawning on the horizon with random trajectories). Click mouse to shoot laser beam toward them. Randomly determined amount of shooting will destroy circles. Don't let the circles hit you ... A sidenote: it was no where near as fast as this when I was running it offline. Now it has become an a bit more disorienting.
- Jack Holmes -- Homework - Week 4. *See comments for Week 5 homework.*
Shi Lim -- Homework - Week 4. Snowmen in 5 different locations, with randomized colors for the bodies.
Caitlin Orbanek -- Homework, Week 4. The Shiffman book said to create a little guy to follow through his examples, so this is my little guy I've been experimenting with. His name is Todd. In this sketch, Todd's body is just flashing, but I WANTED to give him shifty little eyes, where the pupil would follow the mouse based on what side of the screen it was on. That didn't work out. Any help here would be appreciated.
- Lucas Mascatello -- Homework - Week 4. intro to stars, some random origins, nothing too flashy
- Laura Seach -- Homework - Week 4. As part of the class assignment was to discuss modularity (as well as the homework assignment to implement randomization) I included a randomized slide show of images depicting computational design group THEVERYMANY.
- Manabu Nagaoka -- Homework - Week 5. Class to make two butterflies, moves depending on the location of the mouse.
- Christian Brucculeri -- Yahtzee!. This week was great. We got my spaceship to show up at the end of class last week, and I was able to pretty easily move everything into the object-oriented framework. I wrote a blog post on how great this class is, and embedded my child-like composition in it for all to see. #winning.
- Caitlin Orbanek -- Homework- Week 5. Seven mice (as objects) appearing onscreen at random locations along the x axis, locations change everything the program runs.
- Oscar Tews -- Homework - Week 5. This was what I'd originally intended on accomplishing in the previous assignment, seems objects were in fact necessary to do so. Click anywhere to set off a ball in that spot, that'll bounce at a random speed/angle. Up to 100 can be made.
- James Hodges -- Homework - Week 5. Circles emanate like ripples in water from 4 points, then re-set and move to new location. Each set of ellipses is a different object.
- Lucas Mascatello -- Homework - Week 5. Stars beefed up and made into a class. would like to make their speeds independent, would like to improve background, maybe a rainbow or something, maybe a photo.
- Jack Holmes -- Homework - Week 5. So both this and my week 4 homework are pretty remedial. I struggled a lot with both--first, in trying to come up with a worthwhile project idea, and then in understanding how to use functions and objects. Ultimately, I just went back and made some really, really basic applets so I could focus more on learning how to use functions/object-oriented programming. I'll try and have something more compelling for next week.
- Shi Lim -- Homework - Week 5. Followed the examples from class and the textbook and kind of created a version of my previous assignment using object-oriented programming. More basic snowman as an object that can move.
- Laura Seach -- Homework - Week5. Basic object, an ellipse, moves with the frame of the sketch.
- Caitlin Orbanek -- Similar to last week's, but uses an array! Uses an array to draw 10 mice that show up at random spots every time they reach the end of the x axis and loop through at random speeds.
- Christian Brucculeri heffalumps uses an array to draw 225 elephants migrating their way through the africa plains.
- Oscar Tews -- Homework- Week 6 A rather primitive (for now at least,) take on breakout. Click to get the ball rolling. click twice more if you lose it. Uses the ball object from my previous assignment, as well as a new bar object, and an array of block objects.
- Manabu Nagaoka -- Homework- Week 6 Butterfly series with two arrays( added cloud ). Changed the approach to what we learned in class ( "things" and "cars" technique ). Kind of lost the "natural" illusion by doing this....
- Jack Holmes and Christian Brucculeri Soldiers Super-early build of a collaborative project to create two array-generated armies charging one another.
- James Hodges -- Homework - Week 6. Displays ... a green rectangle! The rectangle is an object, and it is part of an array. I am having trouble creating more than one object with the array though. In general, I seem to be having problems filling up all the positions [i] in an array, and keep getting stuck with only one position filled. The goal was to re-create the scrolling-forward effect I produced in week 4, this time using arrays, objects, and implementing the suggestions I received in class as to how I might accomplish a seemless, continuous effect with the growing squares (ie squares seem to grow from the middle indefinitely, at a steady pace).
- Lucas Mascatello -- Homework - Week 6. array of stars will blow your mind
- Shi Lim -- Homework - Week 6. Didn't have the smoothest time with Arrays. Decided to follow from examples in the textbooks and created kind of a factory belt array of bubbles.
- Laura Seach -- Homework - Week6. Uses a circle Class and Array list to create shapes when the mouse is pressed.
Mid-Term ( Week 7 )
- Manabu Nagaoka -- Mid-Term Week 7. All required write up is found in the link on wiki. My project is about creating eMagazine template and User Interface using Processing. Here is different approach where pages slide in. Mid-Term Week 7.
- Christian Brucculeri -- Mid-Term Week 7. My writeup is on the blog post in the link. My project was about making something that makes like 3% of people who see it laugh.
- James Hodges -- Midterm - "Space Bounce". Space Bounce draws a green tunnel in faux-3D with balls that bounce back and forth from foreground to background. Mouse movements draw lines that are sensitive to mouse speed, simulating distance and magnitude of physical motion. A quick, long mouse movement will reset the bouncing ball, approximating a touch-screen effect and allowing the user some control over the ball's behavior (useful if the ball is behaving erratically, too large, too small, etc.
- Shi Lim -- https://viewer.zoho.com/docs/hMcd6. Having a lot of problems even with the basic image uploading and manipulation code. But I have attached a short write up of my initial idea if everything had worked.
- Lucas Mascatello -- Homework - Week 7. Initial build for a video delay program, to be used in an installation piece (rear projection on a window for public). This project is about creating interactivity out of voyeuristic tendencies, causing people who look into windows to see themselves, and due to delay, previous persons who were doing the same. I think that it is important to challenge the idea of boarders/confinement and to think of surface as canvas, to make a kind of automated painting.
- Jack Holmes -- Midterm - Week 7 (DOCUMENTATION ONLY). As with many people here, I used a video input in Processing, which meant that exporting it as an applet and uploading it wouldn't work. Anyway, here's the writeup--will present in class. (Although, here is the source code, for those of you who are curious.)
- Oscar Tews -- Midterm- Week 7 Worked out some of the bugs from the previous version, still a few to tackle. For my assignment, I chose to work on a previous sketch that mimicked an already established game. I can say that I've been doing this mostly for myself, as far as an audience goes. -I'd done some programming before, but processing has been my first experience with anything graphics-based. As a result, I've taken to looking at some of the videogames that I still play from a sort of reverse-engineering stand point, thinking about how what I see on the outside really runs under the hood, as it were.
- Caitlin Orbanek -- Midterm This is the project where I learned to use the font tool, render text in the applet window, etc. This experience directly affected my final project route. I also played with the pointillize idea and wrote "Roofing", which was presented to the class.
- Laura Seach -- Homework - Week7. I wanted to create a program that manipulated pixels and worked as a 'selection' tool reminiscent of Photoshop and its capabilities. An image of the dog, Blu, becomes blue at varying thresholds and opacities depending on the position of the mouse after it is pressed. Threshold is controlled by horizontal movement of the mouse while transparency is informed by vertical movement.
Final Proposal ( Week 9 Posting )
- Manabu Nagaoka -- http://itp.nyu.edu/~mn1005/ICM/final/final.html. Final Proposal Posted as a website. Best viewed on SAFARI.
- Caitlin Orbanek -- Final project proposal, Text-Based Character Replacement Program
- Shi Lim -- https://docs.google.com/document/d/1MPvp_QV7gAGKBtuhZBmWBSX-kX6zjqo0RdrLFGQQWBo/edit?hl=en_US. Final Proposal Posted as a Google Document.
- James Hodges -- https://docs.google.com/document/d/18JPyVDT_xIQR7UDFhnG-q7kl2mVGM8lg2OFVjRUZh0w/edit. Final Proposal, Google Document.
- Oscar Tews -- For my project, I'd like to continue working on my previous breakout-based program, making it more robust, by adding certain functions including a menu, a score-keeping method, various levels, powerups, etc. I'd like to challenge myself to be as concise as possible with most of the code.
- Christian Brucculeri: Final project proposals
- Jack Holmes -- Magnasanti Report Card (Final Project Proposal)
- Lucas Mascatello -- proposal. final proposal, would like to complete code and move on to construction!
- Laura Seach -- Project Proposal. final project proposal-first audio recordings completed, need to edit and transcribe.
- James Hodges -- Basic 'Swipe'/Touch Routine: Make a long flicking/swiping motion through the sketch and the background will re-draw in a different, randomly selected color. This is the swipe code that I mentioned last class. I pulled this out of my midterm, simplified it, and added a bunch of comments, so that maybe it would be helpful to other people. It's pretty rudimentary, but it works. With just a little of arithmetic/algebra one should be able to make it more flexible. This would be especially useful if you made it work differently depending on the direction of your swipe, ie by relating the mouse position values to the origin.
- I was running the midterm on my Android device to see how it worked as a touch interface, and it went reasonably well. So you could try loading this or 'Space Bounce' in your mobile browser and see how it works too.
Final Project Documentation
Here is a description of my project and my reflections on the class: https://viewer.zoho.com/docs/fblCf.
- Jack Holmes -- Kowloon Report Card, in all its dreadfulness, and its documentation.
- Emerson Rosenthal -- Slit-Scan of Fall '11 Class.
- Lucas Mascatello -- [[http://itp.nyu.edu/~lam571/ICM/FINAL/ | Video delay and flip]. Feel free to play around with the sketch, it can use any sort of webcam/wired camera, the delay can be changed as well as where the content/images are saved (these are commented)
- Caitlin Orbanek -- Code for Char and Code for Int These are intended to be character replacement programs. The idea behind them is outlined in my Final project proposal, Text-Based Character Replacement Program Final project explanation - https://docs.google.com/document/d/1K_GJIWMfaFZZAm90LLhq7gB6GCYIUTUnUPgPkqAYZ78/edit
- Laura Seach -- Homework -final. This sketch, though not my original idea, creates a grid of randomized colors within which, when the mouse is pressed, continues to further divide - as a simple gesture to fractal patterns. Also, by pressing command, one can change the color.