CLASS NOTES: This is the spot for class notes: topics discussed, questions asked, videos watched.

(WEEK 01 - 8/30)

Download TODAY'S Keynote PDF here: DDA617_WEEK01

• Where have we been, and where are we going? The Senster (1970) – Edward Ihnatowicz: https://youtu.be/1jDt5unArNk

• Beginning to define our terms: What is "code"? What is "interactive" vs "reactive"?

• Is interactive art always digital? Kinetic sculpture by Karina Smigla-Bobinski: https://youtu.be/OcNtvfALW1Y

• Interactivity beyond human participation: Ken Rinaldo, Spider Haus Movies: http://www.kenrinaldo.com/portfolio/spider-haus-movies/

• The main question for this course: What can code allow art to do differently?

• Art/Code Propoganda:

1. Casey Reas- Drawing with Code: https://youtu.be/_8DMEHxOLQE
2. Working with Data: https://youtu.be/99gMbK2QCKE

(WEEK 02 - 9/6)

Presentation: Algorithmic Art

Download TODAY'S Keynote PDF on Algorithmic Art here: 617_WEEK02_ALGORITHMS.pdf

(WEEK 03 - 9/13)

NONLINEAR / INTERACTIVE STORY MODELS

Phrasal Template

• Like Mad Libs - http://www.madlibs.com/
• Loveletter, by Christopher Strachey: http://www.gingerbeardman.com/loveletter/
• Art Critique Generator: http://www.pixmaven.com/phrase_generator.html
• Machine Imagined Art: http://www.shardcore.org/cgi-bin/getArtwork.pl

Hyperlink - Like a Wiki.

• The Jew's Daughter, by Judd Morrissey: http://www.thejewsdaughter.com
• Karsmashians, by Hannah Epstein: https://youtu.be/GotYUP5UOm8
• MIRANDA JULY: http://noonebelongsheremorethanyou.com/

Branching

• Like “Choose Your Own Adventure” (CYOA).
• CYOA Analysis: http://samizdat.cc/cyoa/
• Coming Out Simulator, by Nicky Case: https://ncase.itch.io/coming-out-simulator-2014

Narrative Structures and Multiple State Systems

• http://www.6amhoover.com/viva/chapter_one/diagrams/index.htm

(WEEK 04 - 9/20)

See Repository for IN CLASS SKETCHES ON:

• Creating Uncertainty
• If
• Loops and Iteration
• Inputs continued: mouse and key press (event functions)
• If statements and conditionals, random function

(WEEK 05 - 9/27)

Downloads for in-class sketch: CLICK HERE See Repository for IN CLASS SKETCHES ON:

• Strings
• Text
• State Change
• Timer

(WEEK 08 - 10/18)

GETTING INTERACTIVE BEYOND THE COMPUTER SCREEN: OBJECT, ALTERNATIVE CONTROLLERS AND INTERFACES

Revisiting our definitions... Interactivity: Open Interactivity vs Closed Interactivity

Lorna (1979-1983) by Lynn Hershman Leeson (Said to be first interactive video disk)

• Video doc on youtube: https://www.youtube.com/watch?v=erSDdku0edI
• https://www.youtube.com/watch?v=erSDdku0edI

Artificial Changelings (1998) by Toni Dove

• http://v2.nl/archive/works/artificial-changelings

Legible Cities (1988-1991) by Jeffrey Shaw (Bike as video controller)

• https://youtu.be/61l7Y4MS4aU

Configuring the Cave (1996) by Jeffrey Shaw (Mannequin as audiovisual controller)

• http://www.jeffreyshawcompendium.com/portfolio/configuring-the-cave/

Very Nervous System (1986-1990) by David Rokeby (Body as sound controller - tracking with camera input)

• http://www.davidrokeby.com/vns.html

Robotic Flower Garden (2006-2009) by Sena Clara Creston (Body controlling kinetic output - via proximity sensor)

• https://youtu.be/El1G3lEpuxE
• https://www.youtube.com/watch?v=CRDOc_N9KNo
• https://youtu.be/R6HAw2JXaGw
• http://www.senaclaracreston.com/Garden.html

Frequency and Volume (2003) by Rafael Lozano Hemmer (Body as radio controller - via camera)

• http://www.lozano-hemmer.com/frequency_and_volume.php

The Treachery of Sanctuary (2012) by Chris Milk (Bodies controlling augmented bodies - via Kinect)

• https://youtu.be/I5__9hq-yas

Cockroach Controlled Robot (2006) by Garnet Hertz (Cockroach controller)

• https://youtu.be/kA87IctQ17U

(WEEK 09 - 10/25)

ARRAYS

Voice Tunnel (2013), by Rafael Lozano Hemmer
http://www.lozano-hemmer.com/voice_tunnel.php

Voice Array (2011), by Hemmer (similar to previous project, gallery scale)
http://www.lozano-hemmer.com/voice_array.php

Keep Calm and Tickle the Dog (2014), by Raven Kwok
https://www.openprocessing.org/sketch/167470

(WEEK 10 - 11/1)

VIDEO MIRRORS

Daniel Rozin:

• Wooden Mirror (1999): http://www.smoothware.com/danny/woodenmirror.html
• PomPom Mirror (2015): http://www.bitforms.com/rozin/pompom-mirror
• Penguins Mirror (2015): http://www.bitforms.com/rozin/penguins-mirror

Rafael Lozano Hemmer:

• Eye Contact (2006): http://www.lozano-hemmer.com/eye_contact.php

• Subtitled Public (2005): http://www.lozano-hemmer.com/subtitled_public.php

• Paparrazi Bots (2009), By Ken Rinaldo: http://www.kenrinaldo.com/portfolio/paparazzi-bots/

• Shadow (2003), by Zack Booth Simpson and Adam Frank: https://youtu.be/plNDHfzTBn0

• Entangled (2015), by Camille Utterback: http://camilleutterback.com/projects/entangled/

(WEEKS 11 & 12 - 11/8-11/15)

Video & Sound

Click here to download media for in class Weeks 11 & 12
Links to Computer Vision:

• Golan Levin and Collaborators: Essays and Statements - http://www.flong.com/texts/essays/essay_cvad/
• Image Processing and Computer Vision, By Golan Levin - http://openframeworks.cc/ofBook/chapters/image_processing_computer_vision.html

Shiffman's THE CODING TRAIN:

• 11.5: Computer Vision: Color Tracking - Processing Tutorial
  https://www.youtube.com/watch?v=nCVZHROb_dE

• 11.6: Computer Vision: Motion Detection - Processing Tutorial
  https://www.youtube.com/watch?v=QLHMtE5XsMs

• 11.7: Computer Vision: Blob Detection - Processing Tutorial
  https://www.youtube.com/watch?v=ce-2l2wRqO8

RESPOSITORY:

https://github.com/CodingTrain/Rainbow-Code

/////////////////////////

Intro to p5.js, sublime, and presenting sketches on the web:

This is the one to use if a browser is your platform of choice.
p5.js is a modern day reinterpretation of Processing for the web using JS, HTML, and CSS.

1. Go to: https://p5js.org/

2.  Download p5.js complete
   

3. In the “Learn” page: WATCH “Hello” video
4. Next > “Getting started” page
5. Open the folder in the complete download and start inside empty index and .js file
6. You need a Code editor - any choice is fine but Sublime Text 2 is good http://www.sublimetext.com/2

Transitioning and new definitions https://github.com/processing/p5.js/wiki/Processing-transition

(WEEK 13 - 11/29)

Some more P5.js reference

Setting up a local server: https://github.com/processing/p5.js/wiki/Local-server

Be aware that when using Sublime text 2, you may be interrupted/prompted to register your copy by purchasing it. However, you can “ok” through this prompt and continue working/saving sketches without purchasing.

WEEK 15 (12/13)

Final Projects and your Repositories: Instructions

1. Your final project in its entirety should be uploaded to your repository in ONE folder titled "FinalProject_yourname". Put all your files associated to your project in this folder, keeping sketch & data folders originally named and organized.

2. You should have any revised short study sketches uploaded to your repository titled "SS5_revision", "SS6_revision", etc. If you already titled them something else and uploaded them, keep them there and I'll determine them by the upload date and comparison to the older short studies.

3. You should have a new wiki page "Final Project Documentation" completed with all the required information included.

4. You should have a new Art Review wiki page titled "Art Review 2", and the review completed.

5. All of this is due by the end of tonight - meaning 12 midnight. Any late submissions will have points deducted. No submissions/revisions will be accepted after Friday, 12/15.

Great work and I enjoyed having you all this semester!