Author: thlai@andrew.cmu.edu

thlai-Project-02-Variable-Face


thlai-project02

// Tiffany Lai
// 15-104 Section A
// thlai@andrew.cmu.edu
// Project-O2

var eyeSize = 0;
var mouth1 = 60;
var mouth2 = 120;
var skinR = 210;
var skinG = 210;
var skinB = 210;
var eyebrows = 275;
var eyebrowStroke = 10;
var snout = 115;
var jaw1 = 240;
var jaw2 = 200;

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

function draw() {
    background(255, 250, 230);
    noStroke();

    fill(skinR, skinG, skinB);
    beginShape(); // left ear
        curveVertex(220, 260);
        curveVertex(220, 260);
        curveVertex(180, 100);
        curveVertex(120, 100);
        curveVertex(170, 280);
        curveVertex(170, 280);
    endShape(); 

    beginShape(); // right ear
        curveVertex(250, 280);
        curveVertex(250, 280);
        curveVertex(300, 100);
        curveVertex(350, 100);
        curveVertex(310, 280);
        curveVertex(320, 280);
    endShape();

    ellipse(width/2, height/2, 200, 200); // head top
    ellipse(width/2, height/2+40, jaw1, jaw2); // head bottom

    fill(255);
    ellipse(width/2, height/2+60, snout, snout); // snout

    fill(70);
    ellipse(width/2-50, height/2, eyeSize+20, eyeSize+30); // left eye
    ellipse(width/2+50, height/2, eyeSize+20, eyeSize+30); // right eye

    push();
    stroke(skinR-20, skinG-20, skinB-20);
    strokeWeight(eyebrowStroke);
    line(178, eyebrows, 198, eyebrows-5); // left eyebrow
    pop();

    push();
    stroke(skinR-20, skinG-20, skinB-20);
    strokeWeight(eyebrowStroke);
    line(300, eyebrows, 280, eyebrows-5); // right eyebrow
    pop();

    fill(250, 225, 235);
    triangle(width/2-10, height/2+30, width/2+10, height/2+30, width/2, height/2+50); // nose

    fill(255, 100, 140);
    arc(width/2, height/2+60, 80, 80, mouth1, mouth2); // mouth
}

function mousePressed() {
    eyeSize = random(-10, 20);
    mouth1 = random(-10, 80);
    mouth2 = random(100, 190);
    skinR = random(200, 240);
    skinG = random(200, 240);
    skinB = random(200, 240);
    eyebrows = random(240, 300);
    eyebrowStroke = random(5, 20);
    snout = random(95, 150);
    jaw1 = random(220, 250);
    jaw2 = random(175, 210);
}

 

thlai-LookingOutwards-02

The Wombats – Techno Fan

 

Wombats – Techno Fan is generative music video created in 2010 by computational artist Memo Akten. Akten developed his own software using C++/openFrameworks to process video footage of the band. Akten goes into some detail of the process he went through to generate the footage – each raw video shot was edited quite heavily and separated into layers, which were then individually fed through Akten’s software. The software, I imagine, finds the most interesting points of the footage and movement and outputs a new sequence. There are different styles and “looks” applied to different video footage, resulting in a final compilation of a variety of colors and compositions. I wonder how this project would be different if he hadn’t used code and instead drew out each frame. I imagine the results would be extremely different because the randomness of each frame is what makes the video interesting.
The most admirable aspect of this project is that Akten uses existing software to he creates custom software in order to achieve his artistic vision. Not only is he successful in doing so, but the final piece is a visual stunner. He brings the final music video together in After Effects and Final Cut Pro.

thlai-Project-01-Face

I constructed my portrait mainly using ellipse shapes. I started by sketching my idea on paper, then bringing it into Illustrator to see tidy up the composition. I couldn’t decide on a background color, so I just made an ever-changing background with some of my favorite colors.

thlai-portrait

// Tiffany Lai
// 15-104 Section A
// thlai@andrew.cmu.edu
// Project-01

function setup() {
    createCanvas(600, 600);
    frameRate(1.5);
    noStroke();
    angleMode(DEGREES);
}

function draw() {
    background(random(35, 62), random(145,182), random(140, 178));

    // WHITE OUTLINE
    fill(255);
    push();
    translate(230, -194);
    rotate(40);
    ellipse(371, 201, 235, 146); // bangs
    pop();

    ellipse(386, 671, 383, 432); // body
    ellipse(196, 291, 64, 71); // left ear

    // HAIR
    push();
    translate(467, -149);
    rotate(58);
    fill(82, 69, 64);
    stroke(255);
    strokeWeight(8);
    ellipse(367, 346, 473, 337);
    pop();

    // BODY
    fill(74, 193, 187);
    ellipse(386, 671, 366, 417);

    // LEFT EAR
    fill(220, 172, 138);
    ellipse(196, 291, 49, 60);

    // FACE
    fill(229, 182, 149);
    ellipse(317, 302, 240, 310); // face
    ellipse(445, 313, 51, 63); // right ear

    // MOUTH
    fill(82, 69, 64);
    ellipse(303, 361, 120, 134); // opening

    fill(229, 182, 149);
    ellipse(305, 330, 159, 110); // cover

    push();
    translate(-105, 106);
    rotate(-17);
    fill(201, 113, 98);
    ellipse(317, 412, 45, 20); // tongue
    pop();

    // EYES
    fill(82, 69, 64);
    ellipse(235, 310, 54, 54);
    fill(229, 182, 149);
    ellipse(232, 316, 65, 56); // left

    fill(82, 69, 64);
    ellipse(365, 325, 56, 56);
    fill(229, 182, 149);
    ellipse(367, 331, 65, 56); // right

    // CHEEKS
    fill(226, 169, 150);
    ellipse(226, 328, 39, 27); // left

    fill(226, 169, 150);
    ellipse(387, 342, 39, 27); // right

    // NOSE
    push();
    translate(200, -100);
    rotate(30);
    fill(196, 148, 116);
    ellipse(290, 340, 35, 12);
    pop();

    // BANGS
    push();
    translate(230, -194);
    rotate(40);
    fill(82, 69, 64);
    ellipse(371, 201, 222, 131);
    pop();
    
}

thlai-LookingOutwards-01

Oskar & Gaspar is a collective team of visual artists and multimedia professionals (originally two Portuguese twins) who specialize in video mapping and 3D projection. I first saw them on America’s Got Talent and was intrigued by their work.

One of their projects involved video mapping projections on tattoos, which resulted in tattoos being beautifully brought to life. They were fascinated by tattoos and used the human body as a canvas in a unique way that could be demonstrated live and have a deeper impact that seeing it on a screen. The process involved scanning then animating the tattoos, then projecting the animations directly onto the original models. They first showcased their work at the first live tattoo video mapping event in Lisbon, Portugal.

In the video description, they emphasize that no post production was used, so all the effects seen were also seen live. Many have critiqued their performance, saying it isn’t interesting enough, and I agree that the performance would be improved with the actor moving, even if it is difficult to sync the projection.

There are tons of previous projects of projection mapping that may have inspired Oskar and Gaspar, so the concept is not new. They took the concept of projection art and put their own special twist on it. This sort of project opens up infinite opportunities of using the human body to portray artwork in a technologically advanced way, and I can see performance artists of any sort using it to enhance their stage presence in a more visual way.