code art
DESCRIPTION
Code Art. By: Russell Goldenberg. 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. Inspiration for Project. Split between interest in CS and Art - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/1.jpg)
CODE ARTBy: Russell Goldenberg
![Page 2: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/9.jpg)
GAME OF LIFE IMAGES
![Page 10: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/10.jpg)
GAME OF LIFE IMAGES
![Page 11: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/11.jpg)
GAME OF LIFE IMAGES
![Page 12: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/12.jpg)
GAME OF LIFE IMAGES
![Page 13: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/13.jpg)
MUSIC VISUALIZATION FREEZE FRAMES
![Page 14: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/15.jpg)
MUSIC VISUALIZATION FREEZE FRAMES
![Page 16: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/16.jpg)
MUSIC VISUALIZATION FREEZE FRAMES
![Page 17: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/17.jpg)
MUSIC VISUALIZATION FREEZE FRAMES
![Page 18: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/19.jpg)
NEUTRAL MILK HOTEL ALBUM
![Page 20: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/20.jpg)
NEUTRAL MILK HOTEL ALBUM
![Page 21: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/21.jpg)
BEETHOVEN’S 7TH
![Page 22: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/22.jpg)
LITTLE YELLOW SPIDER
![Page 23: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/24.jpg)
JABBER CONT…
![Page 25: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/27.jpg)
![Page 28: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/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: Code Art](https://reader035.vdocuments.us/reader035/viewer/2022062323/5681609d550346895dcfc6a9/html5/thumbnails/30.jpg)
QUESTIONS?