Author: Isabella Ouyang

yushano-project-02-Variable-Face

yushano-project02

var noseSize = 20;
var noseWidth = 150;
var noseHeight = 100;
var faceWidth = 250;
var faceHeight = 250;
var earX = 80;
var earY = 66;
var eyeWidth = 25;
var eyeHeight = 40;
var eyeX = 150;
var eyeY = 160;
var eyeSize = 8;
var earnoseColor = 221;

function setup() {
    createCanvas(400, 400);
}

function draw() {
    background(180,180,180);
    //draw the ears
    stroke(225,110,110);
    strokeWeight(3);
    fill(246,earnoseColor,earnoseColor);
    triangle(width/4, height/3, width/8*3, height/9*2, earX, earY);
    triangle(width/4*3, height/3, width/8*5, height/9*2, width-earX, earY);
    //draw the face
    fill(246,221,221);
    ellipse(width/2, height/2, faceWidth, faceHeight);
    //draw the eyes
    noStroke();
    fill(128,128,128);
    ellipse(width/8*3, height/5*2, eyeWidth, eyeHeight);
    ellipse(width/8*5, height/5*2, eyeWidth, eyeHeight);
    fill(250);
    ellipse(eyeX, eyeY, eyeSize, eyeSize);
    ellipse(width-eyeX, eyeY, eyeSize, eyeSize);
    //draw the nose outline
    fill(235,184,184);
    ellipse(width/2, height/5*3, noseWidth,  noseHeight);
    //draw the nose inside
    var noseLX = width/2 - noseWidth*0.25;
    var noseRX = width/2 + noseWidth*0.25;
    fill(246,earnoseColor,earnoseColor);
    ellipse(noseLX, height/5*3, noseSize, noseSize);
    ellipse(noseRX, height/5*3, noseSize, noseSize);
}

function mousePressed() {
    // when the user clicks, these variables are reassigned
    // to random values within specified ranges.
    noseWidth = random(100, 200);
    noseHeight = random(80, 150);
    noseSize = random(10, 40);
    faceHeight = random(200, 300);
    faceWidth = random(250, 350);
    earX = random(50, 90);
    earY = random(55, 75);
    eyeWidth = random(30,45);
    eyeHeight = random(30,60);
    eyeX = random(140,160);
    eyeY = random(150,170);
    earnoseColor = random(110,221);
}

When I designed this variable face, I want it to be a cartoon and cute face. That’s why I chose to do pig.

Looking Outwards 02

http://roberthodgin.com/portfolio/work/additionsubtraction/

“Addition/Subtraction”, Robert Hodgin, C++, 2010

There is a flow field simulation, “Addition/ Subtraction”, by Robert Hodgin in 2010, that attracts me a lot when I was browsing many generative artwork. Compared to other programing art that I have looked at, Robert Hodgin’s works are the most artistics and aesthetics. Actually, the title and the image drew my attention towards it at first. When I also saw the image of the artwork, I kind of feel the addition and subtraction in it. Then, I looked into the explanation that describes the artwork. The idea that this flow field simulation is generated from C++ vectors and lists surprised me because at the first sight, I can’t figure out how to do such a digital art. Also, the amount of work made me admire me a lot. “It involves 20,000 particles which react to external forces and can be reborn locally if they should happen to stray too far”. So, if the programmer gives it an attractive force (gravity), those particles will be pulled together. If the programmer gives it a repulsive force, those particles will, on the other hand, be pushed away in the rotating motion, either clockwise or counterclockwise. The idea of using the beauty of force to create the feeling of addition and subtraction really gives meaning to this work, making it not only a program but an artwork.

yushano-project-01-Face

sketch

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

function draw() {
	//face
	stroke(255,218,185);
	strokeWeight(3);
	fill(255,229,204);
	rect(225,175,150,200,60);
	stroke(0);
	strokeWeight(2);
	ellipse(270,295,45);
	ellipse(335,295,45);
	line(291,290,314,290);
	line(240,280,248,290);
	line(356,290,360,280);
	strokeWeight(10);
	line(255,270,286,270);
	line(320,270,350,270);
	ellipse(270,290,2);
	ellipse(335,290,2);
	strokeWeight(5);
	line(303,288,303,317);
	strokeWeight(3);
	fill(238,44,44);
	quad(280,345,303,335,326,345,303,355);
	//hair
	stroke(105,105,105);
	strokeWeight(3);
	fill(160,160,160);
	rect(200,250,40,200);
	rect(360,175,40,275);
	triangle(200,175,400,175,200,300);

}

I designed my self-portrait to concentrate on squares, which makes it very cartoon-like.

Technological Art

Sensing Colorspace, Michael Sebastian Haas, Berlin, 2014,  waterbased acrylic paint & protoc ol, custom mechatronic system & custom software,  4,5x 3,8 meters

http://sonicedevelopment.com/sensing-colorspace/

https://vimeo.com/114660461

There is an artwork “Sensing Colorspace” that I saw on a website before. It is installed at the 10th floor bar of the 25hours Hotel Bikini Berlin. I was attracted by this artwork at the first glance because the sense of chaos amazed me at first. I wasn’t sure why this was art and did not know the meaning of it. After reading the description, I start to love this piece of art. This drawing is created by a robot, Vertwalker, that was made by artist Michael Sebastian Haas. It records the noise in the surrounding and reflects it through drawing lines. The idea of bringing daily life, like the noise of the coffee machine, the dishwasher, people’s chatting, and the glass cup, into artwork already makes this work attractive. The use of technology – a self-developed robot makes this work even more valuable. Vertwalker is able to work for several hours until it needs to charge, which makes it able to work continuously to record the noise. This is very inspirational for me because I have never thought of letting a robot to make art, nor did I think that the production of a robot is art. However, the meaning behind this work that  “records the interaction between visitors and the artwork and inscribes their presence to the wall”.