c ode a rt by: russell goldenberg. w hat is c ode a rt ? combine visual arts and computer science...
Post on 19-Dec-2015
220 views
TRANSCRIPT
![Page 1: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/1.jpg)
CODE ARTBy: Russell Goldenberg
![Page 2: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/2.jpg)
WHAT IS CODE ART?
Combine Visual Arts and Computer Science
Explore the creation of artwork using programming as the primary medium.
Create still images, animations, and interactive pieces
![Page 3: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/3.jpg)
INSPIRATION FOR PROJECT
Split between interest in CS and Art
Wanted a balanced fusion of the two topics
Introduced to potential of Processing in AVA 270
![Page 4: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/4.jpg)
METHOD OF MADNESS
Using the Processing Development Environment.
What is Processing? Open source language Developed by Casey Reas and Ben Fry at MIT Made for programming images, animations, etc.
Why Processing? Familiarity Graphics Library Simplified coding syntax
![Page 5: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/5.jpg)
MY EXHIBITION
Create several finished pieces. Finalize as prints, animations, and interactive
displays. Prints will be framed and mounted. Animations will be displayed on LCD screens Interactive piece will be displayed on a
projection screen
![Page 6: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/6.jpg)
THEME AND CONCEPTS
Original idea drastically different than the result First Term: Fusion of nature and code Second Term: Sound driven art
Why the change? Intrigued by new ideas New direction
![Page 7: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/7.jpg)
PROGRESS
New direction this term Setbacks: Working on
5 different pieces Good news:
Exhibition is on May 11th
Current status 4 of the 5 pieces on
the verge of completion
![Page 8: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/8.jpg)
GAME OF LIFE
Exercise to familiarize myself with Processing.
Create Conway’s Game of Life.
Develop 3D representation of multiple generations.
![Page 9: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/9.jpg)
GAME OF LIFE IMAGES
![Page 10: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/10.jpg)
GAME OF LIFE IMAGES
![Page 11: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/11.jpg)
GAME OF LIFE IMAGES
![Page 12: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/12.jpg)
GAME OF LIFE IMAGES
![Page 13: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/13.jpg)
MUSIC VISUALIZATION FREEZE FRAMES
![Page 14: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/14.jpg)
MUSICAL VISUALIZATIONS
Visual displays of generative art in real time Sync to the music which determines the
parameters
How? Uses FFT function to retrieve frequencies These act as the parameters which determine
the output Changes to colors, velocities, method of travel,
image, growth, etc.
![Page 15: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/15.jpg)
MUSIC VISUALIZATION FREEZE FRAMES
![Page 16: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/16.jpg)
MUSIC VISUALIZATION FREEZE FRAMES
![Page 17: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/17.jpg)
MUSIC VISUALIZATION FREEZE FRAMES
![Page 18: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/18.jpg)
SOUND DRAWINGS
Based on the Musical Visualizations Creates still drawings based on selected songs
Three separate pieces: Beethoven’s 7th symphony (4 images for each
part) Neutral Milk Hotel (an entire album creates 1
image) Devandra Banhart- Little Yellow Spider (1 image)
How it works: Let the song run to the end and save out the
final result
![Page 19: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/19.jpg)
NEUTRAL MILK HOTEL ALBUM
![Page 20: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/20.jpg)
NEUTRAL MILK HOTEL ALBUM
![Page 21: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/21.jpg)
BEETHOVEN’S 7TH
![Page 22: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/22.jpg)
LITTLE YELLOW SPIDER
![Page 23: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/23.jpg)
JABBER
Interactive piece A portrait that speaks only when a viewer is
also speaking as to mock or upstage
![Page 24: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/24.jpg)
JABBER CONT…
![Page 25: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/25.jpg)
JABBER CONT…
Why? Wanted to have some fun and involve the user Interested to see people’s reactions.
How it works Uses audio input to determine if someone is
speaking (volume level) This triggers an animation and an audio clip to
play
![Page 26: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/26.jpg)
SELF PORTRAIT
Wanted to use myself as the subject
Literally composed by code Uses all the code written for all my projects and
replaces the pixels of an image
![Page 27: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/27.jpg)
![Page 28: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/28.jpg)
CANVAS
An interactive piece that allows the viewer to create the art
Setup: A camera will be placed overhead that tracks the
movement of the viewer A projection will display the “canvas” and the
real time resulting image
![Page 29: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/29.jpg)
FUTURE WORK
Finishing touches on this term’s projects
Next term: Print and frame all the stills
Go back to some previous pieces from first term and finalize them
![Page 30: C ODE A RT By: Russell Goldenberg. W HAT IS C ODE A RT ? Combine Visual Arts and Computer Science Explore the creation of artwork using programming as](https://reader035.vdocuments.us/reader035/viewer/2022062407/56649d2f5503460f94a06ddb/html5/thumbnails/30.jpg)
QUESTIONS?