Kristine Kim-Project 02-Variable-Face

sketch

//Kristine Kim
//Section D
//younsook@andrew.cmu.edu
//Project-02-variable-Face

var headW = 350;
var headH = 300;
var head_colorR = 250;
var head_colorG = 250;
var head_colorB = 150;
var eyesize = 100;
var pupilsize = 60;
var blushW = 60;
var blushH = 30;
var blush_colorR = 250;
var blush_colorG = 180;
var blush_colorB = 242;
var buttons = 50;
var buttons_colorR = 231;
var buttons_colorG = 129;
var buttons_colorB = 247;
var eyebrowLU = 30;
var eyebrowLD = 100;
var eyebrowRU = 450;
var eyebrowRD = 100;
var backgroundR = 242;
var backgroundG = 161;
var backgroundB = 90;


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

function draw() {
    background(backgroundR,backgroundG,backgroundB);
//body
    fill ('#74eda7');
    noStroke();
    triangle(width/2, height/4.5, 480,640,0,640);
// head
    fill (head_colorR, head_colorG, head_colorB);
    noStroke();
    rectMode(CENTER);
    rect(width/2, height/2.5, headW, headH);
    //rect(width/7.5, height/6, headW, headH);
//eyes    
    var eyeL = width/2 - headW*0.25;
    var eyeR = width/2 + headW*0.25;
    fill('white');
    stroke(255, 204, 0);
    strokeWeight(6);
    ellipse(eyeL,height/2.75, eyesize, eyesize);
    ellipse(eyeR,height/2.75, eyesize, eyesize);
// pupil
    var pupilL = width/2 - headW*0.25;
    var pupilR = width/2 + headW*0.25;
    fill ('#3d4540');
    noStroke();
    ellipse(pupilL, height/2.75,pupilsize, pupilsize);
    ellipse(pupilR, height/2.75,pupilsize, pupilsize);
// left eyebrow 
    stroke('black');
    strokeWeight('20');
    noSmooth();
    line(eyebrowLU,70,190,160);
    line(190,160,30,eyebrowLD);
// right eyebrows
    line(300, 160, 450,eyebrowRD);
    line(eyebrowRU,70,300,160);
//mouth
    fill('#eb876c');
    noStroke();
    quad (width/2-50, height/2, width/2+50,height/2, width/2 +100, height/2+ 100, width/2 -100, height/2+100);
//teeth
    fill('white');
    stroke('#dbdbdb');
    strokeWeight('5');
    rect(width/2-25,height/1.85,50,50);
    rect(width/2+25,height/1.85,50,50);
//blush
    var blushLeft = width/2.25- headW*0.25;
    var blushRight = width/1.8 + headW*0.25;
    stroke('#f25a5a');
    strokeWeight('5');
    fill(blush_colorR,blush_colorG,blush_colorB);
    ellipse(blushLeft, height/2, blushW, blushH);
    ellipse(blushRight, height/2, blushW, blushH);
//buttons
    stroke('#d1d1d1');
    strokeWeight('3');
    fill(buttons_colorR, buttons_colorG,buttons_colorB);
    ellipse (width/2, height/1.4, buttons, buttons);
    ellipse (width/2, height/1.2, buttons, buttons);
    ellipse (width/2, height/1.05, buttons, buttons);

}
//mousepressed
function mousePressed(){
    headW = random(275,430);
    headH = random(250,350);
    head_colorR = random(0,400);
    head_colorG = random(0,300);
    head_colorB = random(0,400);
    blush_colorR = random(0,400);
    blush_colorG = random(0,500);
    blush_colorB = random(0,400);
    eyesize = random(85,230);
    pupilsize = random(20,85);
    blushH = random(30,70);
    blushW = random(60,100);
    buttons_colorR = random(0,300);
    buttons_colorG = random(0,400);
    buttons_colorB = random(0,200);
    buttons = random(40,70);
    backgroundR = random(0,200);
    backgroundG= random(0,200);
    backgroundB = random(0,200);

   
}

 

 

I started this project first by sketching an imagery character. Last project, I used Adobe illustrator to help me point out coordinates but this time, I wanted to challenge myself but starting on a blank canvas. It was more challenging and time consuming than last time but definitely helped me understand the concept of coding and building my own code. 

Kristine Kim – Looking Outward-02

there exists this place

Tarbell, the artist of “Happy Place,” solely uses computer programs and algorithms to generate his own unique graphic designs. I was instantly drawn into his pieces because of the beautiful textures and the rapid movement he captures just with computer coding. The lines and shear layers that breaks the boundaries of the form of a color is really interesting and compelling that makes me want to just stare at it for a long period of time. Looking into the piece and especially the center of the design, it provides an illusion of it spinning and moving.  The color palette also helps the design to portray the smooth and blurry effect this piece provides. For this piece, J.Tarbell used the technique of connected random nodes with preferences to nodes closer. This piece was different then his other works because he claims that he manipulates his works by finely crafting the semantics of each program, but “Happy Place” was open to surprising discoveries. J.Tarbell claims that all code is dead and unnecessary unless it is executed within the computer so he distributes the source of his code in modifiable forms. 

friend network

http://complexification.net/gallery/machines/happyPlace/index.php

Kristine Kim- Looking Outward-01

“The More you Connect the Less you Connect” is a project based on memory fragmented nature and an interactive meditation on childhood and memory mechanism. This piece was part of the School for Poetic Computation 2019 Spring Session Showcase, NYC. I was drawn into this video installation because the film itself contained a lot of distortion and abstract editing, which is very similar to my style as an artist. The artists use their family and raw footages from a VHS family video from the 1990s as their main subject. Even though the film itself is very loud and energetic, this piece is very strangely soothing to me. The usage of physical colored cables and the user being able to plug them in and out was very appealing to my eyes. More than a critique, I wonder how this project would be like if the scale was more monumental so that it could convey the feeling of being consumed into the “memories” of the past.

Kristine Kim- Project 01

sketch

/*Kristine Kim
15104-section D
younsook@andrew.cmu.edu
Project-01*/

function setup() {
    createCanvas(600, 600);
    background('#fae');
    
    //seaweed
    //noStroke();
    fill('green');    
    strokeWeight(5.0);   
    ellipse(100,40,81,81);
    ellipse(100,100,81,81);
    ellipse(100,160,81,81);
    ellipse(100,220,81,81);
    ellipse(100,280,81,81);
    ellipse(100,340,81,81);
    ellipse(100,400,81,81);
    ellipse(100,460,81,81);
    ellipse(100,520,81,81);
    ellipse(100,580,81,81);
    ellipse(300,400,81,81);
    ellipse(300,460,81,81);
    ellipse(300,520,81,81);
    ellipse(300,580,81,81);
    ellipse(525,220,81,81);
    ellipse(525,280,81,81);
    ellipse(525,340,81,81);
    ellipse(525,400,81,81);
    ellipse(525,460,81,81);
    ellipse(525,520,81,81);
    ellipse(525,580,81,81);

    //fins
    noStroke();
    strokeCap(ROUND);
    colorMode(HSB);
    strokeWeight(4);
    fill('yellow');
    triangle(504,306,476,376,591,469);
    

    //body
    noStroke();
    strokeCap(ROUND);
    fill('blue');
    ellipse(434,287,221,448);
    ellipse(458,149,162,155);
    triangle(344,21,313,80,463,80);
    triangle(344,21,380,300,463,80);
    quad(344,21,187,287,197,370,430,511);

    //freckles
    fill('navy');
    ellipse(480,251,8,8);
    //ellipse(500,290,8,8);

    ellipse(480,220,8,8);
    ellipse(480,250,8,8);


    ellipse(460,251,8,8);
    ellipse(460,290,8,8);

    ellipse(470,226,8,8);
    ellipse(470,260,9,9);
    ellipse(450,270,8,8);
    ellipse(480,290,8,8);
    ellipse(490,275,8,8);

    ellipse(440,230,6,6);
    ellipse(440,245,9,9);
    ellipse(440,230,9,9);


    ellipse(440,280,8,8);
    ellipse(420,258,9,9);


    //circle
    fill('yellow');
    ellipse(292,284,43,111);
    stroke(126);

    //necklace
    line(239,325,461,421);
    line(461,421,535,370);
    line(461,421,461,465);
    line(446,440,476,440);

    //lips
    noStroke();
    fill('black');
    quad(548,309,477,319,548,323,573,313);   
    fill('red');
    triangle(544,284,463,327,548,309);
    quad(548,323,544,344,463,327,477,319);
    triangle(548,323,544,344,573,313);
    triangle(544,284,548,309,573,313);

   
    //eyes
    fill('white');
    ellipse(503,168,69,89); 
    ellipse(383,187,86,97);  
    fill('brown');
    ellipse(497,168,57,57);
    ellipse(396,190,61,61);
    fill('black');
    ellipse(488,173,36,36);
    ellipse(405,190,38,38);
    fill('white');
    ellipse(501,149,14,14);
    ellipse(396,168,14,13);
   
    //tail/fin
    fill('yellow');   
    quad(39,209,102,478,197,370,187,287);
    quad(197,370,187,287,244,303,251,344);
    triangle(412,360,332,396,356,556);
  } 

My mom often told me that I look like a fish so for my project, I decided to do Dori from Finding Nemo as my self portrait. This assignment was a little bit challenging for me because I had to simplify inorganic shapes into geometric shapes but I used ellipse, triangles, and polygons to purse it. To make my design more interesting, I added more details such as, my daily cross necklace, freckles, seaweed, pupil, etc.