Author: shanw1@andrew.cmu.edu

ShanWang-Project02-VariableFaces

Besides the shape and size of the elements in the face, I also explored the variations of gradient and the effect it has on the visual appeal.
sketch

//Shan Wang
//Section A
//shanw1@andrew.cmu.edu
//Project-02


var bgColor = 20
var faceEdge = 0
var eyeSize = 5;
var faceWidth = 100;
var faceHeight = 150;
var faceColor = 130;
var eyeColor = 225;
var eyeLidSize = 25;

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

function draw() {
    background(bgColor);
    //draw face contour 
    fill(faceColor-20);
    stroke(faceColor-20);
    ellipse(width / 2, height / 2, faceWidth+10,  faceHeight+10);
    //draw face
    fill(faceColor);
    stroke(faceColor);
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);
    //draw eyes
    fill(eyeColor);
    stroke(eyeColor);
    var eyeLX = width / 2 - faceWidth * 0.25;
    var eyeRX = width / 2 + faceWidth * 0.25;
    var eyeY = height / 2;
    ellipse(eyeLX, eyeY, eyeSize, eyeSize);
    ellipse(eyeRX, eyeY, eyeSize, eyeSize);

    //draw eyelid
    stroke(bgColor+40);
    strokeWeight(eyeLidSize/10);
    line(eyeLX-eyeLidSize/2,eyeY-eyeSize/2,eyeLX+eyeLidSize/2,eyeY-eyeSize/2);
    line(eyeRX-eyeLidSize/2,eyeY-eyeSize/2,eyeRX+eyeLidSize/2,eyeY-eyeSize/2);

}

function mousePressed() {
    bgColor = random(0,100);
    eyeSize = random(5,20);
    eyeLidSize = random(faceWidth/5,faceWidth/4);
    faceColor = random(120,170);
    eyeColor = random(225,255);
    faceWidth = random(120, 240);
    faceHeight = random(140,200);

}

ShanWang-LookingOutwards-02

forms02-03-640x427

The Forms project is an interactive video installation exhibited at National Media Museums, a collaborative work by Memo Akten and Quayola. It explored the invisible relationships of “power, balance and conflict” between human’s body movement, especially the one of the athlete. The abstraction of forms and visual elements came from live footage, and without specification, I suppose that the algorithm takes in change in position, speed and sound of the athletes and generates artistic elements based on these data.
I found it particularly interesting because it transformed, or rather materialized the invisible trajectory, strength and even energy of instant movements, into highly artistic and articulated mechanical forms, something more palpable.
I think the project took an interesting approach in representation. Not only were the sound and graphic elements embodiment of vibrant movement, but the competitive and challenging athletic performance became easier and more interesting for people to appreciate and understand.

http://www.memo.tv/forms/

ShanWang-Project-01

In this exercise I used different gradients of color to create the division and collage of space and objects.sketch

//Shan Wang
//Section A
//shanw1@andrew.cmu.edu
//Assignment-01

function setup() {
    createCanvas(400, 600);
    background(235);
}

function draw() {
    strokeWeight(5);
    fill(120);
    line(80,0,80,600);

    strokeWeight(2);
    fill(150);
    line(70,0,70,600);

    strokeWeight(1);
    fill(150);
    line(70,0,70,600);

    noStroke();
    fill(210);
    ellipse(120, 130, 400, 400);

    strokeWeight(5);
    fill(200);
    ellipse(180,300,200,200);

    noStroke();
    fill(170);
    quad(150,100,280,100,320,130,100,130);

    noStroke();
    fill(150);
    arc(215,130,115,115,TWO_PI, PI);

    noStroke();
    fill(130);
    arc(215,130,95,95,TWO_PI, PI);

    noStroke();
    fill(110);
    arc(215,130,65,65,TWO_PI, PI);

    noStroke();
    fill(80);
    quad(350,450,400,450,400,470,350,470);

    noStroke();
    fill(90);
    quad(300,500,400,500,400,510,300,510);

    noStroke();
    fill(30);
    quad(250,475,400,475,400,479,250,479);

    noStroke();
    fill(120);
    quad(370,480,400,480,400,490,370,490);
   
}

ShanWang-LookingOutwards-1

Fig.23.12

The Traces project that I found in the exhibition section of processing website is particularly interesting to me due to its parametric manipulation of the form of everyday materials. Based on the collaborative research of master students and faculties across several academic institutions,  Dana Zelig created the project that She explored the “spatial, structural and “geometrical” conditions  of letter size polystyrene sheets with both digital tools such as Processing and physical techniques. With light as an activator, the “folding”, or the transformation of the sheet is accomplished through the absortion of heat according to the black line patterns.

Studies and eventually manipulation on the characteristics of light-weight materials like polystyrene can become extremely useful and informative in their application in architectural and industrial design.

However, the fact that the folds are irreversible and the transitory feature of light have resulted in the limitation of this practice. If more researches were be devoted into this project, different activators such as sound, humidity should be tested out so as to broaden the possibilities of future applications various professions.


Traces, Physical Programming of Freeform Folding in Soft Matter. from dana zelig on Vimeo.