dchikows-Section C-Project-02-Variable Face

sketch

// David Chikowski
// Section C
// dchikows@andrew.cmu.edu
// Project-02



var eyeSize = 12;
var backFinTopX = 541;
var backFinTopY = 162;
var backFinBottomX = 540;
var backFinBottomY = 322;
var mouthOpenTopY = 234;
var mouthOpenBottomY = 245;



function setup() {
    createCanvas(640, 480);
}

function draw() {
    background(130,163,196);

    noStroke();
    fill(191,94,71);
    ellipse(279,238,359,131);
    //Main body

    noStroke();
    fill(191,94,71);
    quad(80,231,139,202,136,277,81,248);
    //mouth

    noStroke();
    fill(130,163,196);
    triangle(79,mouthOpenTopY,80,mouthOpenBottomY,103,242);
    //mouth opening

    noStroke();
    fill(56,54,8);
    ellipse(137,232,eyeSize,eyeSize);

    noStroke();
    fill(191,94,71);
    triangle(240,145,205,182,336,188);
    //top fin

    noStroke();
    fill(191,94,71);
    triangle(backFinTopX, backFinTopY, 403, 242, backFinBottomX, backFinBottomY);
    //Back fin


}


function mousePressed() {
    // when the user clicks, these variables are reassigned
    // to random values within specified ranges. For example,
    // 'eyeSize' gets a random value between 12 and 22.

    eyeSize = random(12,22);
    backFinTopX = random(525, 541);
    backFinTopY = random(145, 162);
    backFinBottomX = random(515, 540);
    backFinBottomY = random(295, 322);
    mouthOpenTopY = random(234,246);
    mouthOpenBottomY = random(235,245);



}











I enjoyed this project as it was our first animation type project. I found it challenging because I don’t quite understand what the program is exactly doing as well as I would like. Although I am excited to learn more to create better animations in the future.

*I am not sure why the canvas is getting cut off.

dchikows – Section C – Looking Outward – 02

Bio-Inspired Reaction Diffusion Print
Bio-Inspired Reaction Diffusion Print
Bio-Inspired Reaction Diffusion Print

Karl Sims is a generative artist who has worked for industry and himself creating special effects software. Sims’ website is understated, but his two ARS Electronica Golden Nicas and a MacArthur Fellowship Award stand for themselves along with his work. When looking through his bio-inspired prints attention to detail is paramount. Sim’s created the pieces by the use of the Gray-Scott reaction-diffusion simulations. There is a kean distinction of his color pallets between light and dark tones, which seems to create a build up and almost zenith effect when looking at the images. In essence, to create the image a chemical reaction is simulated across a grid. From this grid once thousands cells is simulated patterns can emerge creating Sim’s images. Just as we are using variables in p5.js to create animations Sim’s aso uses variables in the software. One of which is the feed rate of the simulated chemicals being added to a reaction.

Find more of Sim’s work here

dchikows -Section C – Looking Outwards – 01

Drawing Water
Drawing Water
Drawing Water

 

David Wicks is an artist featured on the website Sans Umbrella to showcase his latest work titled “Drawing Water.” The project is essentially a creative visualization to illustrate the relationship of where water is falling and real data about where it is being consumed in the United States. The created animation is very beautiful. I appreciate how organic it’s movement feels especially because it was created by something far removed from nature. The idea behind Wick’s work points to how crucial a resource like water is to all of us as we use it everyday. By forcing someone to think about where his or her water came from it makes us as consumers more conscious that we are apart of a larger system. Opposed to having a view that your water is always ready to go for you when you turn on your sink.

See More of David Wicks’ work here

dchikows – Section C – Project 01 – Self Portrait

sketch

function setup() {
    createCanvas(600,600);
    background(173,169,166);
}

function draw() {
    
    strokeWeight (0)
    fill(216,166,132)
    quad(340,441,273,441,242,600,376,600)

    strokeWeight (0)
    fill(132,87,57)
    rect(157,242,296,142,41)
  
    strokeWeight (0)
    fill(226,177,141)
    rect(171,267,267,253,41)

    strokeWeight (0)
    fill(132,87,57)
    ellipse(304,250,254,76)

    strokeWeight (0)
    fill(255,255,255)
    ellipse(355,327,70,20)

    strokeWeight (0)
    fill(255,255,255)
    ellipse(252,326,70,20)

    strokeWeight (0)
    fill(36,61,155)
    ellipse(252,326,31,20)

    strokeWeight (0)
    fill(36,61,155)
    ellipse(355,327,31,20)

    strokeWeight (0)
    fill(216,166,132)
    triangle(305,341,276,422,335,422)

    strokeWeight (0)
    fill(237,119,116)
    ellipse(305,460,86,28)

    strokeWeight (1)
    fill(237,119,116)
    line(262,460,347,460)

    strokeWeight (0)
    fill(0)
    ellipse(355,327,9,9)

    strokeWeight (0)
    fill(0)
    ellipse(251,326,9,9)










}

I thought it was interesting to see my self portrait come together shape by shape. I believe I also learned a lot by doing it especially since we had to research how to make it all happen. Furthermore, I enjoyed the creative process behind it.