portfolio of
Sean Gillespie

Project 2 Branching System

Sean Gillespie
Melissa Krakowski
Jung Woong Park


Inspiration and code supplemented from Daniel Shiffman and Patrick Stein

Basic split branching system
-Each parent produces two offspring
-Collision determines where offspring can be spawned
-Pixel brightness threshold prevents offspring as well

SubClasses (RGB)

drawing moving particles that regenerate and produce a variety of particle outputs

Class Experiment

Eating away the background. Unfortunately no interaction between the walkers

Image Processing

By pressing the mouse, there is a new cell size set. smaller cell sizes are located near the left side of the frame.

Array Tree Density

Mouse Pressed == add another layer/density

'C' == clear the screen

Tree Density

This drawing is activated by the mouse to create a new iteration of the drawn function process. The output is a randomized density of ellipses based off of a manipulated grid system.

Click to add density
Press C to clear the screen

Drawing Project: Impressionist
Analysis

Project 1: Digital Representation vs
Impressionist Painting

Image Analysis Rules:

-Each box drawn will select and withdraw information from a pixel within its bounds.

-The colors of the points will be determined by those of the pixel selected

-Dotted lines will be drawn that in a gridded pattern with spacing determined by the saturation of the pixel selected

-Finally to emphasize focal points of the impressionist composition, the pixels above a specific brightness threshold will result in an accented frame

Ellipses vs Rectangles

This sketch uses translation and loop logic to create different compositions with shapes. The ellipses are used to fit into a rectangular gridded pattern, while the rectangles are used to create a circular pattern

Nested Audio attempt

"Nocturne" composed by Claude Debussy

press 'm' to toggle mute.

This is an exploration of impressionist composition through audio. Claude Debussy's composition produces a composition especially in contrast to 19th century Romanticism. The creation of a composition demonstrates how polarity and symmetry in the musical composition are questioned.

Nested Attempt 1

The drawing is a nested attempt at using bezier curves to create a pattern.
Using the overlapping qualities of the rotation and a decreasing variable, stroke and fill are manipulated.

Palette Points

Impressionist Canvas

This sketch functions under a series of loops to create a composition consisting of lines.

The program randomly selects colors from Monet's painting, "Impressionist Sunrise" and creates an overlapping canvas. The resulting woven composition is a product of the paintings color palette.

Generative Art I

A randomly generated pattern occurs as a result of both the variable count rate and modulo setup. The resulting composition illustrates how inverted ellipse streaks and patterns correlate and overlap. Be patient.

's' == resetting the composition

Structure Layering

Depending on where the mouse is, different layers of structure can be added.

above ground: provides a glass level to the structure

below ground left side: moment frame level

below ground right side: moment frame level with bracing



(intention of this sketch is to eventually incorporate movement to simulate different stress through springs and mesh systems to test the relationship between stresses and resulting motion)

((maybe later in the semester))

Lecture 2_Homework

Interactivity and Animation

Day of Birth Sketch

ShapePractice_1.2_Gillespie

Kandinsky_1.3_Gillespie

A portion of Kandinsky's painting replicated through Processing

Gillespie_HW_1.2

Recreating an image.

to create a more dynamic sketch, some portions of the sketch follow the use of size dependent variables and variable dependent positioning.

(not sure how well they work)

Gillespie_HelloWorld_Sketch1

A line moves and interacts with the mouse.

The use of setup and draw functions create the opportunity to avoid static representation.

Comments should be self explanatory.

Document with annotations

Notes can be found in an adjacent tab. The program would not export.

Project 3: experimentation with
flocking

The intention of this program is to demonstrate how marginally flocked simulated pieces interact with a surround environment.

By clicking and dragging the mouse, a brush will provide a obstacle which deters the movement of the pieces.

Pressing spacebar will refresh the individual simulated pieces to a random location dictated by setup.

**There is another document with a description of functions. Described program functions are not working, and I can't figure out why.

7.2 Failed attempt

An attempt to make object groups reacting to specific beat recognition did not work out as expected, so I reverted to a simple repeated set of particles

Project 2 - Beat and Level Comparative
Vector Analysis

The program functions as a media converting device responsive to both beats and levels. Utilizing the data from the embedded audioPlayer, the drawing program is influenced based on a set of defined rules. Through randomization of points, the original quad shifts and is propelled both by changes in its x, y composition and recorded changes in beat.

Press 'm' to mute.

7.1.2

7.1.1 First Objects

6.2 Beat Run Drawing Tool

6.2 Beat Detection

Having trouble with fade and 3D

5.2.1_Failed attempt

Work in progress..

Basic Audio Visualization

visualization separating left and right buffers and representing mix.

the music will be changed in later attempts

Parametric Extrusion

Control the camera with mouse position

press UP to extrude brightness in Z direction

press DOWN to extrude brightness in -Z direction

5.2.2 Gillespie - New Image Adjust

click to pause

L to loop

5.2.2_Gillespie

Inspired by the two to three dimensional tutorial from the processing website, the program extrudes pixels from the image plane into a third dimension.

click to pause

press L or l to loop

5.2.1_Gillespie

Orbital experimentation. Utilizing three dimensional rotation to represent a solar system.

5_1_2_ImageColorPick_Gillespie

Press 'c' or 'C' to loop.

5_1_1 ArrayEdit

arrayDemo

4.1.1_ParametricAttempt

Arrow keys control the width and height of the form

w - moves the form up
a - moves the form to the left
s - moves the form down
d - moves the form to the right

Project1_WovenChromatism_Gillespie

The following program represents the use of processing to create a unique drawing machine.
Each output is unique, and cannot be reproduced.

Click o add a layer to the woven composition.
Press 'c' to clear the composition

Project 1 Process

Assignment 3.1.1

Assignment 3.1.2 Gillespie

Interactive Sketch

Using the basic layout of the template from Thursday's class, I added a change from day to night, and snow to grass. Having trouble figuring out how to add brightness as a variable, or create a progression from one color to another.

Simple Animation

The simple animation includes a slight change in color for the first progression, then stabilizes and repeats.

Practice with Math and Variables

Experimenting with the use of variables as a means to placing and dealing with numerical input.
The drawing is not static as it includes both mousePressed; commands as well as dynamic mousePosition; commands.

Short Figure Sketch

Stuart Davis Reconstruction Painting

A reconstruction of a fragment of the Stuart Davis painting.