Author: Joanne

Joanne Chui – Project 02 – Variable Face

variableface_jchui1

/*
Joanne Chui 
Section C
Project 2
*/
var chin = 2
var forehead = 2
var nose = 245
var nosetip = 250
var eyeWidth = 12
var eyeHeight = 2
var r = 10
var g = 10
var b = 10
var mood = 270
var glasses = 2

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

function draw(){
    background(213, 219, 227);
    var xpt3 = width / 2;
    var ypt3 = height / 2;
    var xpt2 = xpt3 - 60
    var xpt4 = xpt3 + 60

    //face
    noFill();
    strokeWeight(1);
    stroke(r, g, b);
    beginShape();
    curveVertex(xpt2 + forehead, 150); //pt1 
    curveVertex(xpt2, ypt3 + chin);//pt2
    curveVertex(xpt3, ypt3);//pt3
    curveVertex(xpt4, ypt3 + chin);//pt4
    curveVertex(xpt4 - forehead, 150);//pt5
    curveVertex(xpt2 + forehead, 150);//pt6
    curveVertex(xpt2, ypt3 + chin);//pt7
    curveVertex(xpt2, ypt3 + chin);//pt7
    endShape();

    //nose
    strokeWeight(2);
    beginShape();
    curveVertex(200,190);
    curveVertex(200,190);//1
    curveVertex(235, 200);//2
    curveVertex(245, nose);//3
    curveVertex(nosetip, nose + 10);//4
    curveVertex(245, nose + 20);//5
    curveVertex(245, nose + 20);
    endShape();

    //eyes
    strokeWeight(1.5);
    fill("white");
    arc(210, 220, eyeWidth, eyeHeight, PI, 0);//left
    arc(210, 220, eyeWidth, eyeHeight / 2, 0, PI);
    arc(270, 220, eyeWidth, eyeHeight, PI, 0);//right
    arc(270, 220, eyeWidth, eyeHeight / 2, 0, PI);

    //pupil
    fill(r, g, b);
    ellipse(210, 220, eyeHeight / 4, eyeHeight / 4);
    ellipse(270, 220, eyeHeight / 4, eyeHeight / 4);

    //mouth
    triangle(220, 275, 230, 285, 270, mood);
    //hair
    beginShape();
    curveVertex(xpt4 - forehead, 150);
    curveVertex(xpt2 + forehead, 150); 
    curveVertex(xpt2, ypt3 + chin);
    curveVertex(xpt2 - 10, ypt3 + chin + 10);
    curveVertex(xpt2 - 10, ypt3 + chin);
    curveVertex(xpt2 + forehead - 10, 130);
    curveVertex(xpt4 - forehead, 142);
    curveVertex(xpt4 - forehead, 150);
    endShape();

}


function mousePressed(){
    chin = random(-80, 0);
    forehead = random(-30, 30);
    nose = random(225, 240);
    nosetip = random(250, 260);
    eyeWidth = random(15, 25);
    eyeHeight = random(5, 25);
    r = random(0, 225);
    g = random(0, 225);
    b = random(0, 225);
    mood = random(260, 300);
   glasses = random(1, 3);

}

I was inspired to do more of an abstract face in order to generate more unique results, and wanted as many elements as possible to vary to create interesting combinations. I experimented with the head shape especially because I thought it would impact the way the face would appear the most.

Joanne Chui – Looking Outwards 02

Crows are Chased and the Chasing Crows are Destined to be Chased as well, Transcending Space – By teamLab

This digital piece is generated through interaction with visitors in the space. The visuals are played along with music, and are rendered in real time, not pre-recorded or set on a loop. Visitors are able to walk around in the space and are completely surrounded by the projections. The projection consists of crows flying around the space and chasing each other, and if they crash either into each other or into a visitor, they explode into a floral pattern. Because of its generative nature, the digital installation is always changing and never producing the same results.
I was really interested in this because usually we view digital art as flat, but this installation really immerses and surrounds users into the art piece. It became a digital architecture in which users interacted with the generative artwork through movement in a space.
A suggestion I have would be to possibly experiment more with the surfaces of the rooms/the architecture of the space. It would have been interesting to see a curved wall for example.

Joanne Chui – Project 01 – Face

selfportrait

// Joanne Chui
// Section C
// jchui1@andrew.cmu.edu
// Assignment-01

function setup() {
    createCanvas(600, 600);
    background(255, 255, 204);
}

function draw() {

	//BACK HAIR
	fill(0);
	rect(250, 225, 100, 220);

	//NECK
	fill(190, 150, 90);
	rect(270, 350, 60, 40);
	fill(0);
	ellipse(270, 370, 10, 50);
	ellipse(330, 370, 10, 50);
	ellipse(280, 410, 20, 10);

	//FACE
	fill(226, 183, 108);
	stroke(226, 183, 108);
	ellipse(300, 295, 115, 130);

	//MOUTH
	fill("white");
	stroke(164, 110, 97);
	arc(300, 332, 30, 15, 0, PI, CHORD);

	//EYES
	//left
	fill("white");
	stroke("white");
	arc(274, 285, 20, 6, 0, PI, CHORD);
	stroke("black");
	arc(274, 285, 20, 12, PI, PI + PI, OPEN);
	fill(64, 40, 34);
	ellipse(274, 283.5, 9, 9);
	fill(0);
	ellipse(274, 283.5, 5, 5);
	//right
	fill("white");
	stroke("white");
	arc(326, 285, 20, 6, 0, PI, CHORD);
	stroke("black");
	arc(326, 285, 20, 12, PI, PI + PI, OPEN);
	fill(64, 40, 34);
	ellipse(326, 283.5, 9, 9);
	fill(0);
	ellipse(326, 283.5, 5, 5);

	//NOSE
	stroke(200, 145, 90);
	fill(226, 183, 108);
	arc(300, 315, 15, 8, 0, PI, OPEN);
	arc(290, 300, 15, 40, TWO_PI - QUARTER_PI, QUARTER_PI, OPEN);

	//EYEBROWS
	//left
	fill(0);
	arc(276, 272, 40, 15, PI, TWO_PI - QUARTER_PI, OPEN);
	//right
	arc(319, 274, 50, 18, PI + QUARTER_PI, TWO_PI, OPEN);

	//SHIRT
	fill(255, 204, 229);
	stroke(255, 204, 229);
	arc(300, 450, 200, 140, PI, 0, CHORD);
	fill(190, 150, 90); //neck
	stroke(190, 150, 90);
	ellipse(300, 380, 49, 30);

	//HAIR
	fill(0);
	stroke(0);
	arc(290, 255, 120, 100, PI, TWO_PI - QUARTER_PI, CHORD); //left part
	arc(325, 255, 75, 80, PI + QUARTER_PI, TWO_PI, CHORD); //right part
	arc(253, 345, 70, 230, HALF_PI, PI + HALF_PI, CHORD);
	arc(347, 345, 50, 230, PI + HALF_PI, HALF_PI, CHORD);





}

While creating my self portrait, I wanted to avoid making the face look really geometric. The flexibility of the arc function allowed me to achieve that.

Joanne Chui: Looking Outwards – 01

http://artasiapacific.com/Magazine/WebExclusives/SyntheticSeductionShihChiehHuang

 installation view of “Synthetic Seduction” at Yerba Buena Center for the Arts, San Francisco

“Synthetic Seduction” is an installation made by Taiwanese artist Shih Chieh Huang to investigate bioluminescence. The installation consists of many miscellaneous objects assembled together to create forms similar to creatures in the deep sea, and portrays movement through mechanical installations that try to mimic the movement of bioluminescent creatures. These objects come to life through glowing neon colors and the audible sounds of the continuous motions of the mechanics. This project is interesting in how it seeks to mimic nature, but a part of nature that we do not really understand. Huang exploits the methodology in which bioluminescent creatures use their lights to seduce and captivate prey to similarly captivate visitors to his installation. A critique that I would have is that the individual pieces seem extremely robotic and angular, contrary to the fluidity and curving nature of nature in the deep sea. However, that may be his interpretation of bioluminescent life, because he purposefully makes the mechanical sounds obvious to visitors.