DFSA year 1 winter 2010

From Interactivity

Contents 1 Course Info 2 Week 1 3 Week 2 4 Week 3 4.1 Sketches 5 Week 4 6 Week 5 7 Week 6 7.1 Assignment for break 8 Week 7 9 Week 8

Course Info

We will look at a variety of interactive tools, such as:

• Processing: http://processing.org
• MaxMSPJitter
• OpenFrameworks

We will discuss User Experience design and Information Architecture, specifically how to design and build interactive art projects.

Week 1

• The Decode exhibition at the V and A Museum, London: http://www.vam.ac.uk/microsites/decode/
• Danny Rozin's Wooden mirror: http://www.youtube.com/watch?v=BZysu9QcceM
• http://openprocessing.org
• http://sodaplay.com/
• OK GO chromakey video, plus contest: http://www.okgo.net/2010/01/20/wtf-video-remix-project/

Please take a look at Learning Processing (the orange book) by Daniel Shiffman, we have it in the library.

Week 2

Today we looked at a (brief) intro to Fluxus, drawing stuff in Processing, including looping (frames) and variables.

Here is our final scaled house: HouseScaled

We looked at some examples:

• Chris Harrison's Visualizing the Bible
• Digg Labs visualizations of digg.com
• visualcomplexity.com for inspiration on information visualization

Week 3

Today we discussed a few artists and made digital clocks.

We went over Lev Manovitch and the "database theory" of digital art and "new media" and contrasted that with Ian Bogost's theories about "Unit Operations" and procedural art (although we didn't explicitly discuss Bogost in class).

We looked at some interactive art installations:

• Michael Naimark
  • See Banff!! (1993): http://www.naimark.net/projects/banff.html
• Camille Utterback
  • Liquid Time (2002): http://www.camilleutterback.com/liquidtime.html
• Anthony McCall
  • Line Describing a Cone (1965): http://www.youtube.com/watch?v=1-HWsxPnNNY
  • newer works: http://www.adamartgallery.org.nz/

Sketches

• Here is the completed clock example from class:
  • FancyArcClock
• This is the "fading mirror" example, based on Fabrica's work called Venetian Mirror at the Decode exhibition at the V&A Museum in London:
  • SlowMirror

For next week:

• Come in with an example of interactive art (and see the Decode exhibition at the V&A!)
• Have a look at Learning Processing by Daniel Shiffman, the orange book on Processing in the library. We will be covering chapters 1-4 this course. KNOW AND LOVE CHAPTERS 1 and 2!

Week 4

• Art:
  • Robert Whitman's Local Report (2005)
  • http://en.wikipedia.org/wiki/Experiments_in_Art_and_Technology
  • Jean Tinguely (self-destroying sculpture with Billy Kluver)
• Deconstructing youtube - purpose and how it relates to design?
  • youtube.com vs. http://barakobama.com
• Methods (functions) - organizing repetitive code
  • Drawing using methods
  • Loops
  • Example of both - LoopDeLoop
• Assignment - design an image-based artwork

Week 5

• Images in Processing
  • Kittens!
  • MyFirstImage
  • MyFirstImageLooped
• Converting ranges of numbers to other ranges of numbers (such as converting the mouse x position to a frame number in a movie)
  • Mapping
• Review of loops
• Review of drawing: pushMatrix/popMatrix
  • PushPopReview

Assignment in movie form: Media:ImageAssignment.mov

Week 6

• Show assignments
• RFID reader demo

Assignment for break

• Take the viewer down a path, that they can move backwards and forwards on, through time (and space)
• "Path" can be any path that something travels - the path that water travels, the path from the library to JL11B, a country road...
• Repeat a character throughout the journey (different frames, position, outfits, etc)
  • A "character" can be an object, animal, plant, or person - it is a "character" because you intentionally move it around to give us an impression or expose a narrative
• Take 300 photos (aim for 20 seconds of video at 15 frames per second)
• You can use video (exported to a sequence of frames, using Quicktime or Final Cut, etc) or shoot still images, but you need to bring in 300 individual images.
• Name the images sequentially ("frame-0.jpg", "frame-1.jpg", "frame-2.jpg" etc)
• Size the images to 720x480 pixels
• We will use these images to finish this interactive exercise in the workshop after break.

Week 7

THERE IS CLASS THIS WEEK March 31 2010

Week 8

THERE IS CLASS on April 21 2010

• Photoshop - actions: batch resizing a folder of images
• Processing: Arrays
• ImageSequence

• Animating a line
• Your assignment results!