Fallon Creech-Project-03-Dynamic-Drawing

sketch

let shape;

function setup() {
  createCanvas(640, 480);
  //shape randomly assumes Y position each time page is refreshed
  shape = random(255);
}

function draw() {
  background(shape, mouseX, 0);
  //size of ellipse is dependent on location of mouseX
  var m = max(min(mouseX, 640), 0);
  var size = m * 350.0 / 400.0;
  ellipse(size, shape, 50, mouseX);
}

For this project I wanted to experiment with basic dynamic principles that varied based on mouse position including color, position, size, and distance.

Fallon Creech-LookingOutwards-03

Series of site analyses using topography and ecological processes to generate flows

Dana Kupkova’s Advanced Synthesis Option studios confront ecological and biological processes using datasets in parametric software such as Grasshopper, which forces the architectural design to ultimately respond to the information generated from the program. Her studios analyze the natural ecology and environments of specific sites to generate designs whose forms are dependent on the nature of the site; this degree of specificity and synthesis of location produces highly contextual forms.

Kupkova’s work is admirable because the resultant forms respond to a complex set of variables inputted into a computational process; it intelligently uses information that is inherently natural and difficult to predict to produce functional spaces. The means of analysis and product seem highly incompatible, but they do, however, work complementary in that the parametric outputs rely solely on the input of ongoing ecological data.

Fallon Creech-LookingOutwards-02

Italian woodworker Uli Kirchler shapes kinetic castles out of knobbly tree pieces, which are known as “very hidden castles.” Now based in Oregon, Kirchler uses local wood pieces that have an interesting shape, which ultimately dictates the form and placement of the castles within the wood. The castles, which in starting position resemble an ancient European streetscape, cave into the carved piece of wood after a gentle stroke of the hand. 

 

I admire this piece for its structurally ability to both form a hilly skyline and easily retake the shape of its original wooden formwork. It shares characteristics with general computing practice in how quickly and deceivingly easy a given task is accomplished. Assuming that Kirchler based the positioning of the telescopic castles on the soundest areas of the wood piece, the rhythm of the piece contains an organic quality, giving it a naturalized type of algorithm.

Fallon Creech-Project-02-Variable-Face


sketch

For this project, I tried making a panda that changed its facial expression when the mouse is clicked; to simulate this, I defined variables for most of the facial features and decided to limit the variances to certain features; those features include the eyes, cheeks, nose, and ears. 

//Fallon Creech
//Section A
//fcreech@andrew.cmu.edu
//Project-02

var eyeSize = 20;
var faceWidth = 375;
var faceHeight = 275;
var cheekSize = 20;
var noseWidth = 30;
var noseHeight = 20;
var noseColor = 0;
var patchSize = 50;
var earSize = 100;

function setup() {
    createCanvas(640, 480);
    background(255, 200, 200);
}

function draw() {
    //ears
    noStroke();
    fill(0);
    var earLX = width / 2 - faceWidth * 0.40;
    var earRX = width / 2 + faceWidth * 0.40;
    ellipse(earLX, height / 2.5, earSize, earSize);
    ellipse(earRX, height / 2.5, earSize, earSize);

    //face
    fill(255);
    ellipse(width / 2, height / 1.75, faceWidth,  faceHeight);

    //black patches
    noStroke();
    fill(0);
    var eyeLX = width / 2 - faceWidth * 0.25;
    var eyeRX = width / 2 + faceWidth * 0.25;
    ellipse(eyeLX, height / 1.6, patchSize, patchSize);
    ellipse(eyeRX, height / 1.6, patchSize, patchSize);

    //eyes
    noStroke();
    fill(255);
    var eyeLX = width / 2 - faceWidth * 0.25;
    var eyeRX = width / 2 + faceWidth * 0.25;
    ellipse(eyeLX, height / 1.575, eyeSize, eyeSize);
    ellipse(eyeRX, height / 1.575, eyeSize, eyeSize);

    //nose
    fill(noseColor);
    ellipse(width / 2, height / 1.40, noseWidth, noseHeight);

    //cheeks
    fill(255, 200, 200);
    var cheekLX = width / 2 - faceWidth * 0.375;
    var cheekRX = width / 2 + faceWidth * 0.375;
    ellipse(cheekLX, height / 1.5, cheekSize, cheekSize);
    ellipse(cheekRX, height / 1.5, cheekSize, cheekSize);
}

function mousePressed() {
    eyeSize = random(10, 30);
    earSize = random(80, 120);
    cheekSize = random(5, 20);
    noseColor = random(0, 255);
}

Fallon Creech – Looking Outwards-01

Drawing machine marking dots on canvas

Wellograph, designed by TehranPlatform, targets environmental concerns through performative art. Using a mobile drawing machine, the installation produces a set of square drawings that represent the amount of wells located around disappearing lakes in Iran. The interactions this product incites with its viewers is a relatively simple one; they follow the drawing machine’s movements as it repetitively pinpoints each of these wells on an abstracted map. I appreciate the artists’ gesture in this story-like depiction. The viewer begins their experience by watching the drawing machine mark similar dots on a page before it ultimately composes the final image, in which it finally reveals itself as a map. To complete this process, the artists designed a robot that projects a 2D image onto a canvas along with an ArUco marker that draws the dots on the canvas.

Fallon Creech – Project-01-Face

sketch

function setup() {
    createCanvas(600, 600);
    background('hsl(160, 100%, 50%)');
}

function draw() {
  noStroke();
  fill(0);
  quad(0, 600, 0, 365, 35, 300, 35, 600);
  quad(35, 300, 100, 250, 100, 600, 35, 600);
  quad(100, 250, 100, 600, 250, 600, 250, 350);
  triangle(250, 600, 250, 350, 305, 600);

  noStroke();
  fill(125);
  quad(250, 350, 100, 250, 150, 175, 300, 260);
  quad(260, 290, 335, 275, 375, 250, 290, 255);

  noStroke();
  fill(225);
  quad(290, 255, 375, 250, 365, 180, 150, 175);
  quad(150, 175, 325, 40, 343, 115, 200, 177);
  triangle(343, 115, 365, 180, 175, 180);
  triangle(365, 180, 385, 170, 340, 110);

  noStroke();
  fill(195);
  triangle(325, 40, 250, 25, 150, 35);
  triangle(325, 40, 250, 100, 150, 35);
  quad(150, 35, 250, 100, 250, 325, 150, 325);
  triangle(250, 325, 280, 325, 250, 280);
  triangle(150, 325, 100, 250, 150, 150);
  triangle(100, 250, 150, 150, 150, 90);
  triangle(150, 90, 150, 35, 130, 180);
}

I decided to approach this project by using a different composition than is typical in self-portraits. This side profile provided the opportunity to explore more angular forms, which I achieved with quad and triangle functions. I thought the restriction of elements allowed for experimentation with abstraction, so I further highlighted that requirement by using a limited color palette and geometric forms that belong to the same family.