Author: nayeonk1@andrew.cmu.edu

Nayeon-Looking Outwards 02

Quayola is a visual artist based in London. He creates digital sculptures and installation arts that consist of unpredictable collisions.

“Iconographies #20” ‘Tiger Hunt’ after Rubens 2014

I love his work that he create algorithm to form various sculpt with combine old and new, real and artificial, time and space using delaunay triangulation algorithm. Delaunay triangulation which he uses to generate his work is new trend for modern arts and quite many modern artist use computer algorithm to investigate new way of using color and shapes. Here is a image of processing digital work out of classic art piece.

“Topologies” Immacolata Concezione 2010

 

I admire his work as he uses classic arts and old beauty into new born beauty. Top of that, he creates immersive audiovisual installation to intensify his work in exhibitions. He is not only digital media artist, but installation artist using audio and visual to create whole space surrounding the art. The matter of size in a space that he gives to audience have them shock and amaze. He said this is not just media, but the project bridge a communication between people and space.

“Captives” Sculpture Triptych 2013

 

Quayola web site

Nayeon_Project02_Variable face

nayeon-variable_faces

//Na-yeon Kim
//15-104, B section
//nayeonk1@andrew.cmu.edu
//Project-02_Variable Faces


var pupil = 70;
var eyeS = 100;
var faceW = 300;
var faceH = 240;
var bodyW = 300;
var bodyH = 300;
var feetW = 50;
var feetH = 60;
var wingW = 100;
var wingH = 170;
var r = 166;
var g = 95;
var b = 38;
var dir = 1;
var speed = 0.5;



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

function draw() {
    background(250);
    noStroke();

//body
    fill(r, g, b);
    ellipse((width / 2), 420, bodyW, bodyH);

//ears
    push();
    translate(160, 200);
    rotate(30);
    translate(-160, -200);
    arc(150, 220, 180, 130, 0, 180);
    pop();

    push();
    translate(350, 350);
    rotate(-30);
    translate(-350, -350);
    arc(400, 220, 180, 130, 0, 180);
    pop();


//head
    ellipse((width / 2), (height / 2), faceW, faceH);

    fill(235, 207, 174);
    ellipse((width / 2), (height / 2) + 10, (faceW - 50), (faceH - 30));

    fill(207, 145, 74);
    ellipse((width / 2) - 50, (height / 2), eyeS + 40, eyeS + 20);
    ellipse((width / 2) + 50, (height / 2), eyeS + 40, eyeS + 20);

//eyes
    fill(260);
    ellipse((width / 2) - 50, (height / 2), eyeS, eyeS);
    ellipse((width / 2) + 50, (height / 2), eyeS, eyeS);

    fill(r -100, g -100, b -100);
    ellipse((width / 2) - 50, (height / 2), pupil, pupil);
    ellipse((width / 2) + 50, (height / 2), pupil, pupil);

    pupil += dir * speed;
    if (pupil > 80) {
        dir = -dir;
        pupil = 80;
    } else if (pupil < 50) {
        dir = -dir;
        pupil = 50;
    }

//beak
    fill(219, 164, 0);
    ellipse((width / 2), (height / 2) + 40, 40, 70);

//feet
    ellipse((width / 2) - 50, 570, feetW, feetH);
    ellipse((width / 2) + 50, 570, feetW, feetH);

//feather
    fill(235, 207, 174);
    triangle((width / 2) - 30, 450, (width / 2) -20, 470, (width / 2) -10, 450);
    triangle((width / 2) - 10, 450, (width / 2), 470, (width / 2) + 10, 450);
    triangle((width / 2) + 30, 450, (width / 2) +20, 470, (width / 2) +10, 450);


//wings
    fill(r -20, g -20, b -20)
    ellipse((width / 2) - 120, 480, wingW, wingH)
    ellipse((width / 2) + 120, 480, wingW, wingH)

}

function mousePressed() {

    faceW = random(250, 350);
    faceH = random(200, 280);
    eyeS = random(80, 120);
    pupil = random(50, 90);
    bodyW = random(250, 350);
    bodyH = random(250, 350);
    feetW = random(30, 70);
    feetH = random(50, 90);
    wingW = random(70, 130);
    wingH = random(150, 200);
    r = random(130, 190);
    g = random(70, 115);
    b = random(0, 50);

  }

 

I made a draft of a cute owl and painted it with Photoshop, and started to code shapes. Now it became bit odd for ordinary owl, but I like the randomness shapes of this creature!

Nayeon_LookingOutwards01

I saw this video few weeks ago and it was most interesting project I’ve seen recently. It’s simple, but it has technology and design principle that I love ‘Time and space’. This project created movement in space with only water using lights and time.

Sports drink brand Gatorade made a advertisement for G Active promotion using 3D technology and motion capture created by Unit 9. It had a real-size running water athlete, animated it in mid air, and caught it on camera. They used motion caption technology to capture the real person’s movement like running, jumping and kick boxing. And using 3D liquid which has liquid drop into specific small halls and express each frames very precisely, they filmed each frames like stop motion animation. They created physical 3D animation with interaction between lights and time. Since water drops are usually invisible to human eyes, they need to come up with new idea to hold very short time frame. Using flash and strobe light, they had succeed to capture the each moment of frame. The director of this project said during the interview that he got inspired by his formal work experience as a photographer. He used to tell the story out of image using unusual way into photography and this leads him to capture something new.

A running movement only created by water drops

Here is the website of the production. You can check more detailed description about their project.

Unit 9 website

 

Nayeon_project01_portrait

nayeon_portrait

//Na-yeon Kim
//15-104, B section
//nayeonk1@andrew.cmu.edu
//Project-01_Portrait


//Canvas
function setup() {
    createCanvas(600, 800);

  }

//background
function draw() {
    angleMode(DEGREES);
    background(20, 120,150); //light blue
    if (mouseX < (width / 2)){
          background(10, 50, 200); //blue
    }

//hair
    fill(0);
    ellipse((width / 2) + 80, (height / 2) - 50, 300, 300);
    push();
    rotate(30);
    ellipse((width / 2) + 50, 200, 200, 300);
    pop();
    ellipse(550, 400, 100, 100);

//face
    fill(220,180,150);
    noStroke();
    ellipse(width / 2, height / 2, 300, 400);
    ellipse((width / 2) - 20, (height / 2) + 78, 350, 250);

//ears
    ellipse(width / 2 + 170, (height / 2) + 50, 150, 150);

//hands
    push();
    rotate(-3);
    ellipse(100, 700, 150, 180);
    ellipse(180, 680, 50, 70);

    ellipse(400, 700, 150, 180);
    ellipse(320, 680, 50, 70);
    pop();

//eyes
    fill(40, 30, 20);
    noStroke();
    ellipse((width / 2) + 50, (height / 2), 30, 50);
    ellipse((width / 2) - 100, (height / 2), 30, 50);

//mouth
    fill(210, 115, 90);
    arc((width / 2) - 20, (height / 2) + 80, 150, 200, 0, 180, CHORD);

//teeth
    fill(265);
    arc((width / 2) - 20, (height / 2) + 80, 150, 50, 0, 180, CHORD);

//blush
    fill(225, 125, 100);
    ellipse((width / 2) + 100, (height / 2 + 50), 50, 50);
    ellipse((width / 2) - 150, (height / 2 + 50), 50, 50);
//front_hair
    push();
    rotate(-20);
    fill(0);
    ellipse((width / 2), (height / 2) + 20, 150, 200);
    pop();

//crown
    push();
    rotate(-5);
    fill(250, 180, 0);
    triangle(120, 130, 150, 280, 300, 280);
    triangle(220, 100, 200, 280, 350, 280);
    triangle(350, 100, 250, 280, 400, 280);
    triangle(450, 130, 300, 280, 450, 280);
    ellipse(300, 280, 300, 50);
    pop();

    fill(40, 180, 250);
    ellipse(125, 120, 50, 50);
    ellipse(230, 70, 50, 50);
    ellipse(360, 60, 50, 50);
    ellipse(460, 90, 50, 50);

//diamond
    fill(265)
    quad(mouseX, mouseY, mouseX +30, mouseY +50, mouseX, mouseY + 100 , mouseX -30, mouseY +50);



}

I struggled a lot to create drawing with code in the beginning since I’m too used to draw with my hand. When I tried to create shapes with code, my brain just couldn’t process in ‘programming’ way.
I even struggled to figure out x, y in script because it is apposite way to I’m used to think.
But after few hours with struggling, I started to enjoy this new way to draw something. It was actually very amusing struggle.