Programming for Artists - User contributions [en]

Main Page

2017-01-30T03:07:57Z

Moorejoseph: /* Class Schedule */

== Programming for Artists ==
* Prof. Joseph Moore
* Monday 6:15 - 9:05
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
1/30/2017 
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
2/6/2017 
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** JODI [https://vimeo.com/4651473 myDTP 47] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
Wednesday 2/15/2017 
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
2/27/2017 
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [https://www.youtube.com/watch?v=ts5uT0Pdj4c Lis Rhodes interview]
** [https://www.youtube.com/watch?v=Syjw1hJAADg&list=PLUwdZcItvNc__-QhfjH8EZ96rsigQQ0ym&index=1 Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [http://www.moma.org/calendar/exhibitions/1422?locale=en#installation-images Lygia Clark]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]
** [https://www.artsy.net/artist/jesus-rafael-soto Jesus Rafael Soto]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
3/6/2017 
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
3/13/2017 
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
3/20/2017 
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
3/27/2017 
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
4/3/2017 
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
Wednesday 4/20/2017 
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
4/24/2017 
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
5/1/2017 
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
5/8/2017 
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
5/15/2017 
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
5/22/2017 
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2017-01-30T03:06:31Z

Moorejoseph: /* Class Schedule */

== Programming for Artists ==
* Prof. Joseph Moore
* Monday 6:15 - 9:05
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
1/30/2017 
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
2/6/2017 
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** JODI [https://vimeo.com/4651473 myDTP 47] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
Wednesday 2/15/2017
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
2/27/2017
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [https://www.youtube.com/watch?v=ts5uT0Pdj4c Lis Rhodes interview]
** [https://www.youtube.com/watch?v=Syjw1hJAADg&list=PLUwdZcItvNc__-QhfjH8EZ96rsigQQ0ym&index=1 Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [http://www.moma.org/calendar/exhibitions/1422?locale=en#installation-images Lygia Clark]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]
** [https://www.artsy.net/artist/jesus-rafael-soto Jesus Rafael Soto]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
3/6/2017
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
3/13/2017
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
3/20/2017
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
3/27/2017
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
4/3/2017
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
Wednesday 4/20/2017
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
4/24/2017
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
5/1/2017
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
5/8/2017
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
5/15/2017
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
5/22/2017
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2017-01-30T03:05:22Z

Moorejoseph: /* Class Schedule */

== Programming for Artists ==
* Prof. Joseph Moore
* Monday 6:15 - 9:05
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
1/30/2017
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
2/6/2017
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** JODI [https://vimeo.com/4651473 myDTP 47] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
Wednesday 2/15/2017
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
2/27/2017
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [https://www.youtube.com/watch?v=ts5uT0Pdj4c Lis Rhodes interview]
** [https://www.youtube.com/watch?v=Syjw1hJAADg&list=PLUwdZcItvNc__-QhfjH8EZ96rsigQQ0ym&index=1 Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [http://www.moma.org/calendar/exhibitions/1422?locale=en#installation-images Lygia Clark]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]
** [https://www.artsy.net/artist/jesus-rafael-soto Jesus Rafael Soto]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
3/6/2017
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
3/13/2017
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
3/20/2017
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
3/27/2017
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
4/3/2017
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
Wednesday 4/20/2017
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
4/24/2017
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
5/1/2017
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
5/8/2017
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
5/15/2017
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
5/22/2017
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2017-01-30T02:59:16Z

Moorejoseph: /* Programming for Artists */

== Programming for Artists ==
* Prof. Joseph Moore
* Monday 6:15 - 9:05
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** JODI [https://vimeo.com/4651473 myDTP 47] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [https://www.youtube.com/watch?v=ts5uT0Pdj4c Lis Rhodes interview]
** [https://www.youtube.com/watch?v=Syjw1hJAADg&list=PLUwdZcItvNc__-QhfjH8EZ96rsigQQ0ym&index=1 Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [http://www.moma.org/calendar/exhibitions/1422?locale=en#installation-images Lygia Clark]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]
** [https://www.artsy.net/artist/jesus-rafael-soto Jesus Rafael Soto]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-09-16T17:44:54Z

Moorejoseph: /* Class 4 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 2:00 - 4:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Friday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** JODI [https://vimeo.com/4651473 myDTP 47] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [https://www.youtube.com/watch?v=ts5uT0Pdj4c Lis Rhodes interview]
** [https://www.youtube.com/watch?v=Syjw1hJAADg&list=PLUwdZcItvNc__-QhfjH8EZ96rsigQQ0ym&index=1 Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [http://www.moma.org/calendar/exhibitions/1422?locale=en#installation-images Lygia Clark]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]
** [https://www.artsy.net/artist/jesus-rafael-soto Jesus Rafael Soto]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-09-16T17:40:08Z

Moorejoseph: /* Class 4 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 2:00 - 4:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Friday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** JODI [https://vimeo.com/4651473 myDTP 47] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [https://www.youtube.com/watch?v=ts5uT0Pdj4c Lis Rhodes interview]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [http://www.moma.org/calendar/exhibitions/1422?locale=en#installation-images Lygia Clark]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]
** [https://www.artsy.net/artist/jesus-rafael-soto Jesus Rafael Soto]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-09-16T17:22:06Z

Moorejoseph: /* Class 4 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 2:00 - 4:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Friday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** JODI [https://vimeo.com/4651473 myDTP 47] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [https://www.youtube.com/watch?v=ts5uT0Pdj4c Lis Rhodes interview]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-09-02T17:40:04Z

Moorejoseph: /* Class 2 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 2:00 - 4:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Friday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** JODI [https://vimeo.com/4651473 myDTP 47] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-09-02T17:37:37Z

Moorejoseph: /* Class 2 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 2:00 - 4:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Friday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ Symphonie Diagonale] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** Hans Richter's [https://www.youtube.com/watch?v=0uxF1taPe34 Rhythmus 21] (video)
** Ryoji Ikeda [https://www.youtube.com/watch?v=jPGkJabeib0 data.path] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-09-02T17:26:51Z

Moorejoseph: /* Class 2 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 2:00 - 4:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Friday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [https://www.youtube.com/watch?v=uc5qPMSVixQ] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-08-26T16:49:38Z

Moorejoseph: /* Programming for Artists */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 2:00 - 4:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Friday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-08-22T16:16:10Z

Moorejoseph: /* Programming for Artists */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 2:00 - 4:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-02-29T20:30:57Z

Moorejoseph: /* Class 4 */

== Programming for Artists ==
* Prof. Joseph Moore
* Monday 6:15 - 9:05 (undergraduate)
* Wednesday 2:00 - 4:50 (graduate)
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_6/ example 4: animated stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 5: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 6: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-02-08T21:24:54Z

Moorejoseph: /* Class 2 */

== Programming for Artists ==
* Prof. Joseph Moore
* Monday 6:15 - 9:05 (undergraduate)
* Wednesday 2:00 - 4:50 (graduate)
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
** [http://understandingnewmedia.com/p4a/examples/blend_modes blend modes]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-02-07T15:54:20Z

Moorejoseph: /* Class 4 */

== Programming for Artists ==
* Prof. Joseph Moore
* Monday 6:15 - 9:05 (undergraduate)
* Wednesday 2:00 - 4:50 (graduate)
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Repetition, Variation, and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-02-01T22:51:52Z

Moorejoseph: /* Programming for Artists */

== Programming for Artists ==
* Prof. Joseph Moore
* Monday 6:15 - 9:05 (undergraduate)
* Wednesday 2:00 - 4:50 (graduate)
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Monday 4:30 - 6:00 and Wednesday 12:00-1:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 ====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
----

==== Class 2 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-01-22T02:06:02Z

Moorejoseph: /* Class 6 10/9 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 10/2 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/artists/11?locale=en Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-01-22T02:04:44Z

Moorejoseph: /* Class 6 10/9 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 10/2 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [https://www.youtube.com/watch?v=sDS6zrUuGBI John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-01-22T02:02:06Z

Moorejoseph: /* Class 5 10/2 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 10/2 ====
''' In Class '''
* Examine Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-01-22T02:01:02Z

Moorejoseph: /* Class 4 3/18 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting user experience?

----

==== Class 5 10/2 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-01-22T01:58:01Z

Moorejoseph: /* Class 3 9/11 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 10/2 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-01-22T01:56:48Z

Moorejoseph: /* Class 1 8/28 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 10/2 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-01-22T01:36:56Z

Moorejoseph: /* Class 10 11/6 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the Shiffman text, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 10/2 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of one of your previous programs.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2016-01-22T01:28:25Z

Moorejoseph: /* Textbook */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will use Daniel Shiffman's ''Learning Processing''.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the Shiffman text, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 10/2 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-10-16T02:14:04Z

Moorejoseph: /* Class 6 10/9 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will read a few chapters from Learning Processing my Daniel Shiffman. I will make these available to you.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the Shiffman text, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 10/2 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
** [http://natureofcode.com/book/chapter-8-fractals/ Recursion and Fractals]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-10-16T02:11:44Z

Moorejoseph: /* Class 6 10/9 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will read a few chapters from Learning Processing my Daniel Shiffman. I will make these available to you.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the Shiffman text, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 10/2 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
** [http://understandingnewmedia.com/p4a/examples/recursive_blastoff Example 4 Recursive Blastoff]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle Example 4 Recursive Rectangle]
** [http://understandingnewmedia.com/p4a/examples/recursive_rectangle2 Example 4 Recursive Rectangle 2]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Exercises Fall 2015

2015-09-18T13:59:28Z

Moorejoseph: /* Exercise 1 */

==Exercise 1==

==Exercise 2==

==Exercise 3==

MediaWiki:Sidebar

2015-08-29T18:22:53Z

Moorejoseph:

* navigation
** mainpage|mainpage-description
** Exercises Fall 2015 | Exercises Fall 2015
** Exercises Spring 2015 | Exercises Spring 2015
** Exercises Friday F2014 | Exercises Friday F2014
** Exercises Monday SP2014 | Exercises Monday SP2014
** Exercises Friday SP2014 | Exercises Friday SP2014
** exercises|Exercises F2012
** exercises 2013 | Exercises SP2013
** howto upload homework | Howto Upload Homework
** recentchanges-url|recentchanges
* SEARCH
* TOOLBOX
* LANGUAGES

Exercises Fall 2015

2015-08-29T18:20:16Z

Moorejoseph: Created page with "==Exercise 1=="

==Exercise 1==

Exercises Spring 2015

2015-08-29T18:17:37Z

Moorejoseph: Created page with "== Homework == Add a link to each assignment on this wiki. This link should go under the heading of the assignment. Use the following form: Your first name and last name -- H..."

== Homework ==
Add a link to each assignment on this wiki. This link should go under the heading of the assignment. Use the following form:

Your first name and last name -- Homework - Exercise 2 - Description (optional)

Where "Exercise 2" is a link to the assignment.

==Exercise 1==
Tajh Doumbia -- [http://understandingnewmedia.com/sp2015/tajh_d/exercise_1/ Exercise 1]

Katherine Avalos -- [http://understandingnewmedia.com/sp2015/katherine_a/exercise_1/ Exercise 1]

Marlyn Almanzar -- [http://understandingnewmedia.com/sp2015/marlyn_a/exercise_1/ Exercise 1]

Yuliya Bas -- [http://understandingnewmedia.com/sp2015/yuliya_b/exercise_1/ Exercise 1]

Kia Delgado -- [http://understandingnewmedia.com/sp2015/kia_d/exercise_1/ Exercise 1]

Mei Lee (Jayne) -- [http://understandingnewmedia.com/sp2015/meijayne_l/exercise_1/ Exercise 1 ]

Michele Mitchell -- [http://understandingnewmedia.com/sp2015/michele_m/exercise_1/ Exercise 1 ]

Jonathan Arias -- [http://understandingnewmedia.com/sp2015/Jonathan_A/exercise_1/ Exercise 1]

Monica Leon -- [http://understandingnewmedia.com/sp2015/monica_l/exercise_1/ Exercise 1]

Aliana Ramdass -- [http://understandingnewmedia.com/sp2015/Aliana_R/exercise_1/ Exercise 1 ]

Jennifer Maendel -- [http://understandingnewmedia.com/sp2015/jennifer_m/exercise_1/ Exercise 1]

Jingwen Zhan -- [http://understandingnewmedia.com/sp2015/jingwen_z/exercise_1/ Exercise 1]

Karolyn Jimenez -- [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_1/ Exercise 1]

Frantz Casimir -- [http://understandingnewmedia.com/sp2015/frantz_c/exercise_1/ Exercise 1]

David Cayole -- [http://understandingnewmedia.com/sp2015/david_c/exercise_1/ Exercise 1]

Connie Huang --[http://understandingnewmedia.com/sp2015/Connie_Huang/selfportrait/ Exercise 1]

==Exercise 2==
Katherine Avalos --[http://understandingnewmedia.com/sp2015/katherine_a/exercise_2/ Exercise 2]--

Karolyn Jimenez -- [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_2/ Exercise 2] / [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_2/revised/ Exercise 2_revised] -- On the first I wanted to add thread to make it fun to draw with. That's what I did on revised, but then wasn't sure which to submit.

Jennifer Maendel -- [http://understandingnewmedia.com/sp2015/jennifer_m/exercise_2/ Exercise 2]

Aliana Ramdass -- [http://understandingnewmedia.com/sp2015/Aliana_R/exercise_2/ Exercise 2]-- Can't figure out how to make the image from the spacebar stay on the screen when the spacebar is released

Michele Mitchell -- [http://understandingnewmedia.com/sp2015/michele_m/exercise_2/ Exercise 2 ]

Mei Lee (Jayne) -- [http://understandingnewmedia.com/sp2015/meijayne_l/exercise_2/ Exercise 2 ] -- Press the keys M, N, L, or J in combination with pressing the mouse for more actions.

Monica Leon -- [http://understandingnewmedia.com/sp2015/monica_l/exercise_2/ Exercise 2]

Kia Delgado -- [http://understandingnewmedia.com/sp2015/kia_d/exercise_2/ Exercise 2]

Marlyn Almanzar -- [http://understandingnewmedia.com/sp2015/marlyn_a/exercise_2/ Exercise 2]

Frantz Casimir -- [http://understandingnewmedia.com/sp2015/frantz_c/exercise_2/ Exercise 2] --use any key, in combination with the mouse click event, to paint squares and circles of varying size, color and opacity

Jonathan Arias -- [http://understandingnewmedia.com/sp2015/Jonathan_A/exercise_2/ Exercise 2]

Yuliya Bas -- [http://understandingnewmedia.com/sp2015/yuliya_b/exercise_2/canvas.pde/ Exercise 2]

Tajh Doumbia -- [http://understandingnewmedia.com/sp2015/tajh_d/exercise_2/ Exercise 2]

Jingwen Zhan -- [http://www.understandingnewmedia.com/sp2015/jingwen_z/exercise_2/ exercise 2 ]

David Cayole -- [http://understandingnewmedia.com/sp2015/david_c/exercise_2/ Exercise 2]

Connie Huang -- [http://understandingnewmedia.com/sp2015/Connie_Huang/project2_p4a/ Exercise 2]

==Exercise 3==

Karolyn Jimenez --[http://understandingnewmedia.com/sp2015/karolyn_j/exercise_3/ Exercise 3, button1]/[http://understandingnewmedia.com/sp2015/karolyn_j/exercise_3/button2 Exercise 3, button2] -- I couldn't figure out how to time the speed or smooth down the movement. I upload both since I didn't know which best represent what I intended.

Mei Lee (Jayne) --[http://understandingnewmedia.com/sp2015/meijayne_l/exercise_3/ Exercise 3] -- EDITED: Keep clicking his face!

Monica Leon --[http://understandingnewmedia.com/sp2015/monica_l/exercise_3/ Exercise 3]

Michele Mitchell -- [http://understandingnewmedia.com/sp2015/michele_m/exercise_3/ Exercise 3 ]

Katherine Avalos __[http://understandingnewmedia.com/sp2015/katherine_a/exercise_3/ Exercise 3][http://understandingnewmedia.com/sp2015/katherine_a/exercise_3_fixed/ Exercise_3_fixed]

Frantz Casimir -- [http://understandingnewmedia.com/sp2015/frantz_c/exercise_3/ Exercise 3] --not the desired effect, but close. Going to keep working on this one

Kia Delgado -- [http://understandingnewmedia.com/sp2015/kia_d/exercise_3/ Exercise 3] -- Circuits! (Also, the turquoise button likes to function properly only occasionally, but maybe it just dislikes me...)

Aliana Ramdass -- [http://understandingnewmedia.com/sp2015/Aliana_R/exercise_3/ Exercise 3] --
[http://understandingnewmedia.com/sp2015/Aliana_R/exercise_3/button2/ Exercise 3- Edited]-- Monster? --Still don't know how to make the creature blink and make its lips move (continuously) without having to click somewhere/ something.

Marlyn Almanzar -- [http://understandingnewmedia.com/sp2015/marlyn_a/exercise_3/ Exercise 3]

Jonathan Arias -- [http://understandingnewmedia.com/sp2015/Jonathan_A/exercise_3/ Exercise 3]

Tajh Doumbia -- [http://understandingnewmedia.com/sp2015/tajh_d/exercise_3/ Exercise 3] -- Had some problems...

Jennifer Maendel -- [http://understandingnewmedia.com/sp2015/jennifer_m/exercise_3/ Exercise 3]

Jingwen Zhan -- [http://www.understandingnewmedia.com/sp2015/jingwen_z/exercise_3/ Exercise 3]

Yuliya Bas -- [http://www.understandingnewmedia.com/sp2015/yuliya_b/exercise_3/ Exercise 3]

David Cayole -- [http://understandingnewmedia.com/sp2015/david_c/exercise_3/ Exercise 3]

Connie Huang -- [http://understandingnewmedia.com/sp2015/Connie_Huang/project3/ Exercise 3]

==Exercise 4==
Katherine Avalos -- Exercise 4: [http://understandingnewmedia.com/sp2015/katherine_a/exercise_4/while_loop/ while loop] /[http://understandingnewmedia.com/sp2015/katherine_a/exercise_4/while_interactive/ while loop interactive]/ [http://understandingnewmedia.com/sp2015/katherine_a/exercise_4/for_loop/ for loop]/

Jonathan Arias -- [http://understandingnewmedia.com/sp2015/Jonathan_A/exercise_4a/ Exercise 4a - While loop] - [http://understandingnewmedia.com/sp2015/Jonathan_A/exercise_4b/ Exercise 4b - For loop]

Karolyn Jimenez -- Exercise 4: [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_4/ForLoop/ ForLoop] / [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_4/WhileLoop/ WhileLoop]

Michele Mitchell -- Exercise 4 [http://understandingnewmedia.com/sp2015/michele_m/exercise_4/forloop/ ForLoop ] / [http://understandingnewmedia.com/sp2015/michele_m/exercise_4/whileloop/ WhileLoop ]

Mei Lee (Jayne) -- Exercise 4 [http://understandingnewmedia.com/sp2015/meijayne_l/exercise_4/while_loop/ While Loop ] /
[http://understandingnewmedia.com/sp2015/meijayne_l/exercise_4/for_loop/ For Loop ] -- WARNING: (Avoid if you have epilepsy!) Fast flashing imagery. Don't look for too long or it might make you sick.

Yuliya Bas -- Exercise 4 [http://understandingnewmedia.com/sp2015/yuliya_b/exercise_4/forPlaid/ ForPlaid] / [http://understandingnewmedia.com/sp2015/yuliya_b/exercise_4/while_loop/ While Loop ]

Frantz Casimir -- Exercise 4: [http://understandingnewmedia.com/sp2015/frantz_c/exercise_4/forLoop/ forLoop_plaid] / [http://understandingnewmedia.com/sp2015/frantz_c/exercise_4/whileLoop/ whileLoop_plaid]

Aliana Ramdass -- [http://understandingnewmedia.com/sp2015/Aliana_R/exercise_4/while%20loop/ WHILE LOOP-- Exercise 4] [http://understandingnewmedia.com/sp2015/Aliana_R/exercise_4/for%20loop/ FOR LOOP-- Exercise 4]

Kia Delgado -- Exercise 4: [http://understandingnewmedia.com/sp2015/kia_d/exercise_4/while_loop/ While Loop - Descending Stairs] / [http://understandingnewmedia.com/sp2015/kia_d/exercise_4/for_loop/ For Loop - Sound Waves]

Monica Leon -- Exercise 4: [http://understandingnewmedia.com/sp2015/monica_l/exercise_4/while_loop/ while loop] / [http://understandingnewmedia.com/sp2015/monica_l/exercise_4/for_loop/ for loop]

Jennifer Maendel -- Exercise 4: [http://understandingnewmedia.com/sp2015/jennifer_m/exercise_4/whileloop/ while loop] / [http://understandingnewmedia.com/sp2015/jennifer_m/exercise_4/forloop/ for loop]

Tajh Doumbia -- Exercise 4: [http://understandingnewmedia.com/sp2015/tajh_d/exercise_4/for/ ForLoop] / [http://understandingnewmedia.com/sp2015/tajh_d/exercise_4/while/ WhileLoop] -- Had trouble expressing what I want. WILL FIX BOTH TO MY LIKING SOON ENOUGH

Jingwen Zhan -- Exercise 4: [http://understandingnewmedia.com/sp2015/jingwen_z/exercise_4/while/ - whileLoop] / [http://www.understandingnewmedia.com/sp2015/jingwen_z/exercise_4/ - forLoop]

David Cayole -- Exercise 4: [http://understandingnewmedia.com/sp2015/david_c/exercise_4/forloop/ - For Loop]/ [http://understandingnewmedia.com/sp2015/david_c/exercise_4/whileloop/ - While Loop]

Connie Huang -- [http://understandingnewmedia.com/sp2015/Connie_Huang/project4_p4a/ While Loop]/ [http://understandingnewmedia.com/sp2015/Connie_Huang/project4_p4a_2/ For Loop]

==Midterm==

Jonathan Arias -- [http://understandingnewmedia.com/sp2015/Jonathan_A/midterm/ Midterm] [http://understandingnewmedia.com/sp2015/Jonathan_A/midterm/revised/ Midterm revised]

Katherine Avalos -- [http://understandingnewmedia.com/sp2015/katherine_a/midterm2mod/ Midterm][http://understandingnewmedia.com/sp2015/katherine_a/midterm3/ first code developed]

Aliana Ramdass -- [http://understandingnewmedia.com/sp2015/Aliana_R/exercise_5/ Midterm- Flashing Colors]

Jingwen Zhan -- [http://understandingnewmedia.com/sp2015/jingwen_z/midterm/ Midterm] [http://understandingnewmedia.com/sp2015/jingwen_z/midterm/fixed/ fixed]

Mei Lee (Jayne) 1) -- [http://understandingnewmedia.com/sp2015/meijayne_l/Midterm%20V1/ Midterm (Version 1)] -- Press any key to refresh if it gets stuck. This is more experimental. The code doesn't work the same in JavaScript. Put it into Processing using Java, and it will run better. (Sorry, it actually won't run if you copy-paste in... my images aren't in your computer!)

2) -- [http://understandingnewmedia.com/sp2015/meijayne_l/Midterm%20V2/ Midterm (Version 2)] -- Not experimental, but it also incorporates functions + randomness.

Karolyn Jimenez -- [http://understandingnewmedia.com/sp2015/karolyn_j/midterm/midterm/ Midterm_draft] / [http://understandingnewmedia.com/sp2015/karolyn_j/midterm/midterm2/ Midterm_final]

Yuliya Bas -- [http://understandingnewmedia.com/sp2015/yuliya_b/midterm/ Midterm] -- Only works in Java, just like Tajh's

Monica Leon -- [http://understandingnewmedia.com/sp2015/monica_l/midterm/ Midterm]

Michele Mitchell -- [http://understandingnewmedia.com/sp2015/michele_m/midterm_final/ Midterm]

Jennifer Maendel -- [http://understandingnewmedia.com/sp2015/jennifer_m/midterm/ Midterm]

David Cayole -- [http://understandingnewmedia.com/sp2015/david_c/midterm/ Midterm]

Frantz Casimir -- [http://understandingnewmedia.com/sp2015/frantz_c/exercise_5/ Exercise5]

Tajh Doumbia -- [http://understandingnewmedia.com/sp2015/tajh_d/midterm Midterm] -- Only works in Java for some reason. Uncomment music codes for unwanted noise! (Explicit lyrics)

Kia Delgado-- [http://understandingnewmedia.com/sp2015/kia_d/midterm/ Midterm v1] / [http://understandingnewmedia.com/sp2015/kia_d/midterm2/ Midterm v2 - No Control]

Connie Huang -- [http://understandingnewmedia.com/sp2015/Connie_Huang/project5/ Midterm]

==Exercise 6==

Jonathan Arias -- [http://understandingnewmedia.com/sp2015/Jonathan_A/exercise_6/ Exercise 6]

Karolyn Jimenez -- [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_5/soapbubbles/ Ex.5 SoapBubbles] / [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_5/fishtank/ Ex.5 FishTank]

Yuliya Bas -- [http://understandingnewmedia.com/sp2015/yuliya_b/exercise_5/ Exercise 6]

Katherine Avalos -- [http://understandingnewmedia.com/sp2015/katherine_a/exercise_6/ Exercise 6]

Aliana Ramdass -- [http://understandingnewmedia.com/sp2015/Aliana_R/exercise_6/ Exercise 6]

Jingwen Zhan -- [http://understandingnewmedia.com/sp2015/jingwen_z/exercise_6/ Exercise 6 ] [http://understandingnewmedia.com/sp2015/jingwen_z/exercise_6/fixed/ fixed!!]

Kia Delgado -- [http://understandingnewmedia.com/sp2015/kia_d/exercise_6/ Exercise 6 - Working Version]

Mei Lee (Jayne) -- [http://understandingnewmedia.com/sp2015/meijayne_l/exercise_6/ Exercise 6] - Click and hold down to reveal.

Monica Leon -- [http://understandingnewmedia.com/sp2015/monica_l/exercise_6/ Exercise 6]

Frantz Casimir -- [http://understandingnewmedia.com/sp2015/frantz_c/exercise_6/ Exercise 6]

Jennifer Maendel -- [http://understandingnewmedia.com/sp2015/jennifer_m/exercise_5/ Exercise 6]

David Cayole -- [http://understandingnewmedia.com/sp2015/david_c/exercise_6/ Exercise 6]

== Minim Class Demos ==

Log into cyberduck to view the examples from class in the folder zoe_b

also see the [http://processingta.blogspot.com/ blog] for reference code and homework assignment

==Exercise 7==
Aliana Ramdass-- [http://understandingnewmedia.com/sp2015/Aliana_R/exercise_7/ Exercise 7]

Tajh Doumbia-- [http://understandingnewmedia.com/sp2015/tajh_d/exercise_7/ Exercise 7]

Yuliya Bas-- [http://understandingnewmedia.com/sp2015/yuliya_b/exercise_7/ Exercise 7]

Frantz Casimir -- [http://understandingnewmedia.com/sp2015/frantz_c/exercise_7/ Exercise 7]

Mei Lee (Jayne) -- [http://understandingnewmedia.com/sp2015/meijayne_l/exercise_7/ Exercise 7]

Karolyn Jimenez -- [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_7/ Exercise 7] / [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_7/video/Fireworks.mp4 Ex.7_Fireworks.mp4] / [http://understandingnewmedia.com/sp2015/karolyn_j/exercise_7/video/gif/Fireworks.gif Ex.7_Fireworks.gif]

Jingwen Zhan -- [http://understandingnewmedia.com/sp2015/jingwen_z/exercise_7/ Exercise 7]

Monica Leon -- [http://understandingnewmedia.com/sp2015/monica_l/exercise_7/mini_.rar Exercise 7-single ellipse] / [http://understandingnewmedia.com/sp2015/monica_l/exercise_7/mini_3.rar Exercise 7-ellipse trail]

Kia Delgado -- [http://understandingnewmedia.com/sp2015/kia_d/exercise_7/kiadelgado_soundprogram.zip Exercise 7]

Katherine Avalos-- [http://understandingnewmedia.com/sp2015/katherine_a/exercise_7/ Exercise 7]

Jonathan Arias -- [http://understandingnewmedia.com/sp2015/Jonathan_A/exercise_7/BoomBox.zip Exercise 7]

Jennifer Maendel -- [http://understandingnewmedia.com/sp2015/jennifer_m/exercise_6/ Exercise 7]

David Cayole -- [http://understandingnewmedia.com/sp2015/david_c/exercise_7/ Exercise 7]/ [http://understandingnewmedia.com/sp2015/david_c/exercise_7zip Zip file]

==Final==

Yuliya Bas-- [http://understandingnewmedia.com/sp2015/DancinglinesEDITED_2/final/ Final] <blockquote> Needs to be unzipped and played in Java. Since I won't be in class, I would like to know what everyone thinks of this. '''Press 'S' to skip through a song,'P' for pause, 'R' for resume, '1' for song 1, '2' for song 2, '3' for song 3, and '4' for song 4'''
 (Song 1-- IAMX- Nature of Inviting , Song 2-- The Kills- Satellite, Song 3-- Lady Gaga- Electric Chapel, Song 4-- Stromae- Meltdown (feat. Lorde, Pusha T, Q-Tip, Haim))</blockquote>

Karolyn Jimenez -- [http://understandingnewmedia.com/sp2015/karolyn_j/final/merrygoround/ MerryGoRound2D] -[http://understandingnewmedia.com/sp2015/karolyn_j/final/merrygoround/zip/ ZIPfile] / [http://understandingnewmedia.com/sp2015/karolyn_j/final/merrygoround3d/ MerryGoRound3D] -[http://understandingnewmedia.com/sp2015/karolyn_j/final/merrygoround3d/zip/ ZIPfile] <blockquote> I Changed a bit of what my proposal was intended. The Proposal idea was to create a merry go round with buttons to enable interactivity that would cause some change in the scene. Instead I end up exploring the two different dimensions (2D and 3D) creating different versions of the Carousel. Thought neither of them are finished as neither have the horses as I intended. There is music, but the first program I took it off, so it could play in javascript. Still it doesn't play well in javascript. Specially the 3D.</blockquote>

Tajh Doumbia -- [http://understandingnewmedia.com/sp2015/tajh_d/final/ Final] <blockquote>Must be unzipped. Had fun being a "producer".</blockquote>

Mei Lee (Jayne) -- [http://understandingnewmedia.com/sp2015/meijayne_l/Final/ Final]<blockquote>Zip file. I made a simple music video for the Korean song Reset by Tiger JK feat. Jinshil. No interaction necessary, just sit back and watch.</blockquote>

Aliana Ramdass -- [http://understandingnewmedia.com/sp2015/Aliana_R/final/ Final] Unfortunately couldn't make the colors sync up with the beat of the songs.

Kia Delgado -- [http://understandingnewmedia.com/sp2015/kia_d/final/ Final - Thinking States]

Frantz Casimir -- [http://understandingnewmedia.com/sp2015/frantz_c/exercise_8/ Exercise 8] Press or Hold the "a", "s", "d", "f" and "g" keys to change animation background. Mouse press and hold/drag to introduce scene and resize in the sketch

Jingwen Zhan -- [http://understandingnewmedia.com/sp2015/jingwen_z/final/ Ambush from ten sides ]

David Cayole -- [http://understandingnewmedia.com/sp2015/david_c/final/ Final]

Katherine Avalos -- [http://understandingnewmedia.com/sp2015/katherine_a/final/ Final]

Jennifer Maendel -- [http://understandingnewmedia.com/sp2015/jennifer_m/final/ Final]

Jonathan Arias -- [http://understandingnewmedia.com/sp2015/Jonathan_A/Final/index.html Final] [http://understandingnewmedia.com/sp2015/Jonathan_A/Final/MIDI.zip Project File] - Video samples:
[http://understandingnewmedia.com/sp2015/Jonathan_A/Final/videos/under-the-sea.mp4 Under the Sea] [http://understandingnewmedia.com/sp2015/Jonathan_A/Final/videos/animaniacs.mp4 Animaniacs]
[http://understandingnewmedia.com/sp2015/Jonathan_A/Final/videos/smb2.mp4 Mario 2 - Overworld]
[http://understandingnewmedia.com/sp2015/Jonathan_A/Final/videos/tmnt.mp4 TMNT] [http://understandingnewmedia.com/sp2015/Jonathan_A/Final/videos/nyan-cat.mp4 Nyan Cat theme] This is basically a music visualization sketch that receives MIDI input from an external application and converts the data into shapes. Check the project page for instructions on how to run it.

Monica Leon -- [http://understandingnewmedia.com/sp2015/monica_l/final/final-circles.rar - circle drawings] / [http://understandingnewmedia.com/sp2015/monica_l/final/final-minimcircles.rar - circle player]

Main Page

2015-08-28T01:30:59Z

Moorejoseph: /* Programming for Artists */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
For this course we will read a few chapters from Learning Processing my Daniel Shiffman. I will make these available to you.

=== Class Schedule ===
----
==== Class 1 8/28====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the Shiffman text, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/4 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/11 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 3/18 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 10/2 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/9 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 10/16 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/23 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 10/30 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/6 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 11/13 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/20 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/4 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/11 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/18 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-02-25T04:08:42Z

Moorejoseph: /* Class 5 2/27 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* Discuss looping constructs

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Exercises

2015-02-14T22:20:52Z

Moorejoseph: /* Midterm */

Exercises

2015-02-14T22:19:33Z

Moorejoseph:

MediaWiki:Sidebar

2015-02-06T15:45:05Z

Moorejoseph:

MediaWiki:Sidebar

2015-02-06T02:29:24Z

Moorejoseph:

Exercises Fall 1015

2015-02-06T02:26:56Z

Main Page

2015-01-30T15:42:50Z

Moorejoseph: /* Programming for Artists */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Wednesday 12-1:30 and Friday 1-2:30 in CG205

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-30T15:41:34Z

Moorejoseph: /* Class 1 1/30 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-29T21:21:36Z

Moorejoseph: /* Class 1 1/30 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-23T22:05:46Z

Moorejoseph: /* Class 1 1/30 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 3. The downside to using 3 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 3 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-22T22:50:00Z

Moorejoseph: /* Class 8 3/20 */

Main Page

2015-01-22T22:48:44Z

Moorejoseph: /* Class 6 3/6 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-22T22:46:03Z

Moorejoseph: /* Class 12 5/1 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Improve Exercise 4 based on class feedback. Save and post as Exercise 5.
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* View Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-22T22:45:42Z

Moorejoseph: /* Class 12 5/1 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Improve Exercise 4 based on class feedback. Save and post as Exercise 5.
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* Crit Exercise 7

''' Homework Due '''
* Exercise 7: Add sound to an old project or create a new project that uses sound.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-22T22:42:27Z

Moorejoseph: /* Class 10 4/17 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Improve Exercise 4 based on class feedback. Save and post as Exercise 5.
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented program.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* Show what you learned in completing Exercise 7

''' Homework Due '''
* Exercise 7: Chose a programming topic you would like to explore further or one that we haven't gone over during the semester. Create a simple project using this new found knowledge and be prepared to explain what you learned to the class.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-22T22:41:33Z

Moorejoseph: /* Class 8 3/20 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Improve Exercise 4 based on class feedback. Save and post as Exercise 5.
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.
----

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of your Midterm.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* Show what you learned in completing Exercise 7

''' Homework Due '''
* Exercise 7: Chose a programming topic you would like to explore further or one that we haven't gone over during the semester. Create a simple project using this new found knowledge and be prepared to explain what you learned to the class.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-22T22:39:39Z

Moorejoseph:

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 2/6 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 2/13 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 2/20 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 2/27 ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 3/6 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Improve Exercise 4 based on class feedback. Save and post as Exercise 5.
* Read Chapters 7: Functions
----

==== Class 7 3/13 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 3/20 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.

==== Class 9 3/27 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 4/17 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of your Midterm.
----

==== Class 11 4/24 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 5/1 ====
''' In Class '''
* Show what you learned in completing Exercise 7

''' Homework Due '''
* Exercise 7: Chose a programming topic you would like to explore further or one that we haven't gone over during the semester. Create a simple project using this new found knowledge and be prepared to explain what you learned to the class.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 5/8 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 5/15 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 5/22 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2015-01-22T22:34:39Z

Moorejoseph: /* Class 1 1/30 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 1/30====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/5 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/12 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 9/19 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 9/23 (Tuesday) ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/10 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Improve Exercise 4 based on class feedback. Save and post as Exercise 5.
* Read Chapters 7: Functions
----

==== Class 7 10/17 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/24 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.

==== Class 9 10/31 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/7 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of your Midterm.
----

==== Class 11 11/14 ====
''' In Class '''
* View Exercise 6
* Working with sound (Minim)
** [http://understandingnewmedia.com/bretig/minim/sketch_play.txt example 1: playing a single mp3 file with animation]
** [http://understandingnewmedia.com/bretig/minim/sketch_play2.txt example 2: playing two mp3 files]
** [http://understandingnewmedia.com/bretig/minim/sketch_playResponsive.txt example 3: making a sound responsive animation]
** [http://code.compartmental.net/minim/javadoc/ddf/minim/AudioPlayer.html More on Minim AudioPlayer methods]

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/21 ====
''' In Class '''
* Show what you learned in completing Exercise 7

''' Homework Due '''
* Exercise 7: Chose a programming topic you would like to explore further or one that we haven't gone over during the semester. Create a simple project using this new found knowledge and be prepared to explain what you learned to the class.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/5 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/12 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/19 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!

Main Page

2014-10-14T22:40:41Z

Moorejoseph: /* Class 6 10/10 */

== Programming for Artists ==
* Prof. Joseph Moore
* Friday 9:00 - 11:50
* http://joseph-moore.com
* email: understandingnewmedia@gmail.com
* Office hours: Friday 2 - 5

=== Useful Links ===
* http://processing.org/ The Software!
* http://www.learningprocessing.com/ Website for the Book!
* http://understandingnewmedia.com/p4a/index.php?title=Exercises The Homework Wiki!
* http://www.cyberduck.io FTP Client!
* http://www.processing.org/learning/ Processing site tutorials!

=== Course Description ===
Programming for Artists is an entry level programming class geared toward teaching artists and designers fundamental aspects of computer programming. Throughout the class students create a variety of projects that introduce technical aspects of New Media Art while also investigating the history of computation in the arts though the work of canonical and contemporary artists and artworks. Additionally, related topics such as the history of interactivity and participation will be explored though class discussions and presentations.

=== Objectives ===
* Learn fundamental programming concepts and approaches.
* Gain knowledge of artists working with computation.
* Apply this knowledge effectively in the creation of artworks.

=== Student Responsibilities ===
* Turn in work on time.
* Turn in work before class starts on the course wiki.
* Sign the role, this is how I know you were in class.
* Participate in discussion.

=== Method of Evaluation ===
* Participation and Attendance: 20%
* Exercises: 20%
* Midterm: 30%
* Final: 30%

The grade you receive will be based on participation, exercises, and a final project. Attendance is required for every class and missing 3 classes = an automatic failure of the course. Late work will not be accepted without penalty. 1 week late = a subtraction of 2 letter grades. More than a week = a failing grade. If you do turn in work late, you must email me immediately after you post a link to the project on the wiki.

Plagiarism will not be tolerated and will result in a failure in the course! Please see CUNY's policy on plagiarism [http://www1.ccny.cuny.edu/prospective/cwe2/current_policies.cfm here].

=== Class Etiquette ===
When I am presenting the class lecture I ask that students refrain from texting, checking their email, etc. I will not do those things when you are speaking and I ask for the same courtesy. This same respect should be extended to your fellow classmates. If someone is being disrespectful during critique they will receive a 0 for the day.

=== Textbook ===
The textbook for this course is Learning Processing my Daniel Shiffman, available in the College bookstore and [http://www.amazon.com/gp/product/0123736021?ie=UTF8&tag=learniproces-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123736021 online]. Any other reading will be handed out during class or it will be available online.

=== Class Schedule ===
----
==== Class 1 8/29====
''' In Class '''
* We are going to use Processing 2. The downside to using 2 is that it is that some changes made for Processing will result in differences in the reference and examples on the Processing web site, as well as in the various Processing books. Changes are documented on the Processing [http://wiki.processing.org/w/Changes wiki].
* Download Processing 2 [http://processing.org/download/ here].
* creating a static sketch
* drawing [http://understandingnewmedia.com/p4a/examples/simple_shapes/ simple shapes]
* using color
* function calls
* comments
* Sol LeWitt [http://www.ericdoeringer.com/ConArtRec/LeWitt/LeWitt.html wall drawing instructions]
* uploading homework
----

==== Class 2 9/5 ====
''' In Class '''
* Examine Exercise 1
* [http://understandingnewmedia.com/p4a/examples/rgb_color_wheel.pdf RGB color mixing]
* using [http://understandingnewmedia.com/p4a/examples/setup_draw/ setup() and draw()]
* Basic mouse and keyboard interaction
** [http://understandingnewmedia.com/p4a/examples/mouse_1 example 1]
** [http://understandingnewmedia.com/p4a/examples/mouse_2 example 2]
** [http://understandingnewmedia.com/p4a/examples/mouse_3 example 3]
* [http://understandingnewmedia.com/p4a/examples/Variables_Primitives.pptx Variables] (slides)
* Transformation Examples
** [http://understandingnewmedia.com/p4a/examples/translate_1/ translation]
** [http://understandingnewmedia.com/p4a/examples/rotation_1 rotation]
** [http://understandingnewmedia.com/p4a/examples/scale_1 scaling]
* Abstraction and Movement
** Viking Eggeling's [http://www.youtube.com/watch?v=ItCb6R9OV5A&feature=watch_response Diagonal Symphony] (video)
** Marcel Duchamp's [http://www.youtube.com/watch?v=AsnhBUp7xxM Anemic Cinema] (video)
** [http://understandingnewmedia.com/p4a/examples/abstraction_movement_interaction.pptx Abstraction Movement Interaction] (slides)
''' Homework Due '''
* Read chapters 1-3 in the book.
* Exercise 1: Using the basic shape commands, e.g. line(), ellipse(), rect(), etc, create a self portrait.
----

==== Class 3 9/12 ====
''' In Class '''
* Primitives
* Variables
* Conditionals and Boolean Logic

''' Homework Due '''
* Read Chapters 4: Variables and 5: Conditionals
* Exercise 2: Write a program that gives the user the ability to draw on screen. Try to make this an interesting and surprising experience for the user. Use conditionals that alter the "drawing experience" based on user interaction, e.g. clicking toward the bottom of the screen makes a circle toward the top.
----

==== Class 4 9/19 ====
''' In Class '''
* Loops and Iteration
** The while loop
*** [http://understandingnewmedia.com/p4a/examples/while_1/ example 1]
** The for loop
*** [http://understandingnewmedia.com/p4a/examples/for_1/ example 1]
*** [http://understandingnewmedia.com/p4a/examples/for_2/ example 2: stripes]
*** [http://understandingnewmedia.com/p4a/examples/for_3/ example 3: grid]
*** [http://understandingnewmedia.com/p4a/examples/for_4/ example 4: dot grid]
*** [http://understandingnewmedia.com/p4a/examples/for_5/ example 5: interactive dot grid]
** [http://understandingnewmedia.com/p4a/examples/draw_loop_1/ animating with draw()]
* Variation and Transformation in Art
** [http://www.youtube.com/watch?v=xU23LqQ6LY4&feature=related Steve Reich]
** [http://www.youtube.com/watch?v=BzB31mD4NmA&feature=related John Whitney]
** [http://youtu.be/omDK2Cm2mwo Ryoji Ikeda]
** [http://www.youtube.com/watch?v=ssXF-mPJMRw Paul Sharits] and [http://www.ubu.com/film/sharits_interview.html interview]
** [https://www.google.com/search?q=josef+albers+homage+to+the+square&client=firefox-a&hs=kSz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&source=lnms&tbm=isch&sa=X&ei=mSYcVN_0F4eH8QH-mYGwCw&sqi=2&ved=0CAYQ_AUoAQ Josef Albers]
** [https://www.google.com/search?q=bridget+riley&client=firefox-a&hs=kUz&rls=org.mozilla:en-US:official&channel=sb&biw=1676&bih=926&tbm=isch&ei=KiccVKaHPIPt8AHFmoC4Bg Bridget Riley]
** [http://www.ubu.com/sound/lucier.html Alvin Lucier]

''' Homework Due '''
* Exercise 3: Create a sketch that has a basic interface element such as a button. Clicking this button causes a change in the sketch. This change could be in terms of form, color, composition, or movement. Consider, how can you make something as mundane as button clicking an interesting part of the experience for the user of your application?

----
==== Class 5 9/23 (Tuesday) ====
''' In Class '''
* View Exercise 4.

''' Homework Due '''
* Read Chapter 6: Loops
* Exercise 4: Create two processing sketches that explore repetition, variation, and change. One sketch should use a for loop, the other a while loop.
----

==== Class 6 10/10 ====
''' In Class '''
* Introduction to Functions
* Block Scope
* random()
* Perlin noise
* Interactivity and Participation
** [http://www.youtube.com/watch?v=dmmxVA5xhuo Myron Kruger]
** [http://www.youtube.com/watch?v=8Yggbr0cPXE Lynn Hershman]
** [http://www.youtube.com/watch?v=61l7Y4MS4aU Jeffrey Shaw]
** [http://en.wikipedia.org/wiki/Jodi_%28art_collective%29 JODI]
* "Non-determinism" in Art
** [http://www.youtube.com/watch?v=8fPSz-o4zzY John Cage]
** [http://www.moma.org/collection/browse_results.php?criteria=O%3AAD%3AE%3A11&page_number=3&template_id=1&sort_order=1 Hans Arp]
** [http://www.youtube.com/watch?v=7RLJW0-9AyQ William Burroughs]
** [http://www.ubu.com/film/burroughs_cut.html William Burroughs]
** [http://www.ubu.com/film/xenakis.html Iannis Xenakis]
* Function examples
** [http://understandingnewmedia.com/p4a/examples/function_1 Example 1]
** [http://understandingnewmedia.com/p4a/examples/function_2 Example 2]
** [http://understandingnewmedia.com/p4a/examples/function_3 Example 3]
* Random examples
** [http://understandingnewmedia.com/p4a/examples/noise_pixels Random noise]
** [http://understandingnewmedia.com/p4a/examples/walker_random Random noise walk]
** [http://understandingnewmedia.com/p4a/examples/walker_noise Perlin noise walk]
''' Homework Due '''
* Improve Exercise 4 based on class feedback. Save and post as Exercise 5.
* Read Chapters 7: Functions
----

==== Class 7 10/17 ====
''' In Class '''
* Work on Midterm
''' Homework Due '''
* Work on Midterm
----

==== Class 8 10/24 ====
''' In Class '''
* Midterm Critique

''' Homework Due '''
* Midterm: Create a “chance composition” using algorithms you develop encapsulated in functions. The outcome of the program should be non-deterministic, meaning that you, as the author of the program, cannot be sure exactly what the outcome of the program will be.

==== Class 9 10/31 ====
''' In Class '''
* Objects
** [http://understandingnewmedia.com/p4a/examples/proceduralCar/ Procedural Car]
** [http://understandingnewmedia.com/p4a/examples/oopCar/ Object Oriented Car]
* Arrays
** [http://understandingnewmedia.com/p4a/examples/array_1/ Simple Array]
** [http://understandingnewmedia.com/p4a/examples/carArray/ Car Array]
* Debugging
* Using libraries

''' Homework Due '''
* Read Chapter 8: Objects and 9: Arrays
----

==== Class 10 11/7 ====
''' In Class '''
* Introduction to Image Processing
** [http://understandingnewmedia.com/p4a/examples/image_1 example 1: loading an image]
** [http://understandingnewmedia.com/p4a/examples/image_2 example 2: changing opacity]
** [http://understandingnewmedia.com/p4a/examples/image_3_array example 3: an array of images]
** [http://understandingnewmedia.com/p4a/examples/image_4_pixels_1 example 4: drawing pixels]
** [http://understandingnewmedia.com/p4a/examples/image_5_pixels_2 example 5: drawing pixels 2]
** [http://understandingnewmedia.com/p4a/examples/image_6_pixels_3 example 6: drawing pixels 3]
* Introduction to Video

''' Homework Due '''
* Exercise 5: Create an object-oriented version of your Midterm.
----

==== Class 11 11/14 ====
''' In Class '''
* View Exercise 6

''' Homework Due '''
* Exercise 6: Create a project using the processing video or image library.
----

==== Class 12 11/21 ====
''' In Class '''
* Show what you learned in completing Exercise 7

''' Homework Due '''
* Exercise 7: Chose a programming topic you would like to explore further or one that we haven't gone over during the semester. Create a simple project using this new found knowledge and be prepared to explain what you learned to the class.
* Final Proposal Due: Write a page describing your final project. The proposal should include both a technical description of the project (how/with what materials) and a more conceptual description (why/what ideas are you exploring.)
----

==== Class 13 12/5 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 14 12/12 ====
''' In Class '''
* Work on Final Project

''' Homework Due '''
* Work on Final Project
----
==== Class 15 12/19 ====
''' In Class '''
* Final Critique

''' Homework Due '''
* Final Project!