Author: bhyun1

BrandonHyun-Project-02-Variable Face

bhyun1-project02.js

//brandonhyun
// 15-104 Section B
//bhyun1@andrew.cmu.edu
//project-02

var eyeSize = 50;
var noseSize = 50;
var faceWidth = 300;
var faceHeight = 300;
var eyebrowslength = 180;


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

function draw() {
//ears
  strokeWeight(5);
  //left Ear
  fill(219,153,52);
  ellipse(width/2.7 ,height/4.8 ,50,50);
  //RightEar
  fill(219,153,52);
  ellipse(width/2.7 + 170 , height/4.8 ,50,50);


//Shape of a face
  stroke(0);
  fill(219,153,52);
  ellipse(width/2,height/2,faceWidth,faceHeight);

  var eyeLX = width / 2 - faceWidth * 0.2;
  var eyeRX = width / 2 + faceWidth * 0.2;

//eye
  fill(0);
  ellipse(eyeLX,height/2.3,eyeSize/3,eyeSize/3);
  ellipse(eyeRX,height/2.3,eyeSize/3,eyeSize/3);
//eyebrows
fill(0);
strokeWeight(5);
strokeCap(ROUND);
line(eyeLX-30,eyebrowslength, eyeLX+30,eyebrowslength);
line(eyeRX-30,eyebrowslength, eyeRX+30,eyebrowslength);

//nose
fill(0);
ellipse(width/2,height/2 + 10,noseSize/3,noseSize/3);
fill(255);
noStroke();
ellipse(width/2 - 10,height/2 + 20,noseSize/2,noseSize/2);
fill(255);
noStroke();
ellipse(width/2 + 10,height/2 + 20,noseSize/2,noseSize/2);
}


function mousePressed() {

  eyebrowslength = random (100,200);
  eyeSize = random(10, 100);
  noseSize = random(10,50);

}

I was interested with the Character named Ryan from Kakao Talk, which is a messaging platform in South Korea. Everyone is obsessed with this character and this character became one of the icons for the Kakao co.

When I was working I wanted to recreate the character by myself by using codes and I also wanted to have some movements when the user is clicking.

Components that moves when there is a click are the eyebrows, eyes, and the nose. By having this movement it seems like Ryan is expressing different emotions.

BrandonHyun-LookingOutwards-02

Marius Watz is an artist that uses generative software processes to create visual abstraction. Many of his digital artworks contain hard edged geometrical shapes and vivid colors. Some of his art works are in the public space and physical objects are produced through digital fabrication technology.

Project “UCracking” is a generative visual based on subdivision algorithms applied to 2D and 3D triangles. It was created in 2014 for Absolut Exchange show. In order to find the true beauty of his work, one needs to know the definition of Subdivision Algorithms.

 

The Subdivision is a technique in computer aided geometric design for the approximation of a smooth surface by a sequence of increasingly faceted polyhedra.

After knowing the definition of Subdivision it is astonishing how these shapes are created. However, this artwork could have been improved if the viewer can interact with the artwork itself. Giving movement to the artwork could have been more intriguing rather than being a static image. However, the artist definitely gave an intense feeling about hard edged geometrical shapes and vivid colors.

Since Marius Watz began his career by designing psychedelic computer renderings that could have influenced his work until today. He is also interested in dynamic geometric shape so he applies that to his work.

http://mariuswatz.com/

http://hakenberg.de/subdivision/subdivision.htm

http://mariuswatz.com/wp-content/uploads/2011/12/20110808-Artforum.com-critics-pick-Automatic-Writing.pdf

BrandonHyun-Project-01-Face

project-01-face

//Brandon Hyun
//15104 section #1
//bhyun1@andrew.cmu.edu
//Project-01-Face

function setup() {
    createCanvas(600, 600);
    rect(0,0,600,600);
    background(26,90,143);
    noStroke();
//rectangularface
    fill(248, 173, 133);
    rect (100,100,400,400);
//hair
fill(99,67,57);
rect(100,100,400,100);
//whitetriangle on the left
fill(99,67,57);
    beginShape();
vertex(100,100);
vertex(50,100);
vertex(100,200);
endShape(CLOSE);
//blacktriangle on the right
fill(26,90,143)
  beginShape();
vertex(450,100);
vertex(500,100);
vertex(550,200);
endShape(CLOSE);
//black triangle on the bottomleft
fill(26,90,143)
  beginShape();
vertex(100,450);
vertex(100,500);
vertex(200,550);
endShape(CLOSE);
//backhair
fill(99,67,57);
beginShape();
vertex(500,200);
vertex(450,200);
vertex(500,300);
endShape(CLOSE);
//glasses
fill(99,67,57);
ellipse(200,300,100,100);
fill(99,67,57);
ellipse(350,300,100,100);
//whitecirclesin glasses
fill(255,255,255);
ellipse(200,300,75,75);
fill(255,255,255);
ellipse(350,300,75,75);
//connectingbridge for glass
fill(99,67,57);
rect(240,280,65,15);
//eyes
fill(0,0,0);
ellipse(200,300,20,20);
ellipse(350,300,20,20);
//mouth
rect(250,400,75,15);
}

function draw() {
}

I really enjoyed making this portrait out of a software that I was never familiar with. It was quite challenging and confusing in the beginning but as I got further with it, I felt I was doing something that was really cool. I am very happy with what I have done and I hope I can do something greater with this.

BrandonHyun-LookingOutwards-01

 

Videos: Motion Phone at Ars Electronica, 1996; Motion Phone at SIGGRAPH 1995; Motion Sketch at Brown University, 1989-1994

Scott Snibbe is a pioneer in augmented reality, gesture-based interfaces, digital video, and interactive art. He started this project called the Motion Phone in 1995 and evolved out from an exploration of how to make cinema out of one’s body.

Motion phone was created by Scott Snibbe himself. He explains that this program, Motion Phone, is a “networked version” of Motion Sketch. Rather than multiple humans controlling the program, several different computers are connected to run this program.

Scott Snibbe did use “Motion sketch” which he created himself, which attaches the movements of one’s hand to the movements of abstract forms.

Scott Snibbe had been inspired by two experimental animation pioneers. The first, Oskar Fischinger, pioneered a cinema of pure abstraction. His earliest films are simple black and white forms, drawn frame-by-frame in charcoal. Yet the resulting movements, such as in Study Number 7 (1931), have incredible emotional power. The second pioneer, Len Lye, pioneered “direct cinema,” created by marking directly on the film surface with pens, inks, or by scratching emulsion off of black leader.

This project is especially interesting because this is an earlier form of how humans can interact with computers. Since we are familiar with augmented reality today, it seems to be interesting how Scott was able to pioneer in that area.

For reference

https://www.snibbe.com/