Author: sammiek@andrew.cmu.edu

Sammie Kim- Project – 02 – Variable Faces

sketch

// global variables
var faceWidth=225
var faceHeight=210
var earW=70
var earH=230
var innerW=30
var innerH=100
var eyeW=20
var eyeH=20
var mouthW=40
var mouthH=50

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

function draw() {
  background(253, 255, 172);
  //ear
  stroke(255);
  fill(254,170,221);
  ellipse(210,200,earW,earH);
  ellipse(285,200,earW,earH);
  fill(255);
  ellipse(210,200,innerW,innerH);
  ellipse(285,200,innerW,innerH);
  //face
  noStroke();
  fill(254,170,221);
  ellipse(width/2, height/2, faceWidth, faceHeight);
  //eyebrow
  fill(0);
  triangle(190,270,180,280,230,300);
  rect(260,290,25,10);
  //nose
  fill(0);
  ellipse(245,355,25,20);
  //eyes
  stroke(0);
  strokeWeight(4);
  fill("black");
  ellipse(210,320,eyeW,eyeH);
  ellipse(270,320,eyeW,eyeH);
  //mouth
  fill(0);
  arc(245,385,mouthW,mouthH,0,PI,CHORD);
 }

function mousePressed() {
    faceWidth=random(225,290);
    faceHeight=random(210,280);
    eyeW=random(20,40);
    eyeH=random(20,40);
    mouthW=random(40,70);
    mouthH=random(30,50);
}

I struggled initially figuring out how to correctly utilize the variables in order to differ the facial expressions. Still, this assignment was helpful for understanding the mousePressed and random function.

SammieKim-LookingOutwards-02

“Nervous System” is a generative design studio that combines scientific research, computer graphics, digital fabrication to create unique products and artworks. Gaining inspiration from diverse biological systems, Nervous System adapts and translates these natural processes into algorithms, which are encoded and generated by the computer. The “Data Driven Midsoles” was a collaborative project with New Balance for functional 3D printed midsoles for running shoes. What I admire about this project is how the design flexibly adapts to the runner’s performance, where the data is recorded through a grid of sensors underfoot. For this, they had a myriad of concepts and prototypes that they experimented with. One idea was utilizing foam structures from nature (such as wood and bone), in which the low density and highly porous qualities of the cells brought forth a strong and lightweight material. Its flexibility would allow the foams to geometrically adapt to different forces depending on the runner. I think it was clever for the artist to constantly search for systems that are present in our environment, and then logically apply them into usable products for daily life.

Data-customized midsoles with New Balance
Midsoles created through Selective Laser Sintering (Nervous System)
3D Foam structure composed of cells (Nervous System)

Sammie Kim_Project01_Face


sketch-Sammie

//Sammie Kim
//section D
//sammiek@andrew.cmu.edu
//Self Portrait

function setup() {
  createCanvas(600, 600);
  background(185,209,158);

//body
  noStroke();
  fill(171 ,220,237);
  ellipse(320,560,265,270);
//neck
  fill(204 ,178,151);
  rect(287,395,64,47);
  ellipse(319,437,64,37);
//leftear
  fill(204 ,178,151);
  arc(225,313,40,55,1/2*PI,PI+1/2*PI,CHORD);
//ponytail
  fill(130,101,56);
  ellipse(400,320,80,240);
//face
  noStroke();
  fill(239 ,224,199);
  ellipse(320,294,202,235);
//blush
  fill(237,192,230);
  ellipse(263,324,24,14);
  ellipse(364,325,24,14);
//right ear
  fill(204 ,178,151);
  arc(414,313,40,55,PI+1/2*PI,1/2*PI,CHORD);
//side hair
  fill(130,101,56);
  rect(408,230,15,124);
//Eyes
  fill(130,101,56);
  ellipse(354,300,18,13); //right eye
  ellipse(273,299,18,13);
  stroke(130,101,56);
  line(360,296,370,293);
  line(264,296,254,293);
  bezier(360,275,363,270,365,275);
//nose
  fill(130,101,56);
  arc(312,330,20,20,PI,2*PI);
//mouth
  fill(161,101,64);
  arc(313, 360, 60, 40, 0, PI, CHORD);
//arms
  noFill();
  stroke(130,101,56);
  stroke(100);
  strokeWeight(1);
  bezier(260, 290, 270, 280, 275, 280, 285, 290);
  bezier(343, 290, 355, 280, 360, 280, 368, 290);
  bezier(405, 525, 410, 535, 415, 567, 408, 600);
  bezier(240, 525, 235, 542, 231, 567, 238, 600);
//Front Hair
  fill(130,101,56);
  angleMode(DEGREES);
  rotate(20);
  ellipse(395,90,175,82);
  rotate(6);
  ellipse(330,110,60,115);
}

This self portrait assignment allowed me to be more experimental with coding, and compile various shapes to create my face. As I had a hard time figuring out curved shapes, this was a good practice to recall my basic geometry knowledge. 

Sammie Kim- Looking Outwards-01

Rafael Rozendaal is a Dutch artist who utilizes the internet as his canvas, creating websites that allow digital interaction with the viewers. A mixture of abstract patterns and geometric images, his brightly colored graphics are animated to produce a variety of interesting, quirky movements across the screen. Rozendaal’s “looking outwards” derive from simple daily life experiences that most of us would disregard, which are then newly coded into lively, interactive artworks. For example, the audience can unravel toilet paper in virtual space or even poke a gigantic mass of jello.

One of Rozendaal’s interactive site for users (http://www.jellotime.com)
  • Roll of toilet paper responds to the viewer’s mouse click (http://www.papertoilet.com)
Websites

Conversely, his physical art works take in more conceptual themes of digital media, visually expressing the overwhelming digital information and randomness of code. For instance, he would take archives of popular webpages like Google or Twitter to curate them into unique compositions for tapestries. The Abstract Browsing tapestries express how our browser reads codes for us, where information is translated in a multi-colored structure. But something that personally inspired me was how his works also emphasize accessibility, as he sells his websites as artworks in exchange for letting them remain public for viewers worldwide.  

(http://www.floatbounce.com)