Author: sangwon2@andrew.cmu.edu

Aaron Lee – Project-02 – Variable Faces

sketch

/*
Aaron Lee
//Section C
//sangwon2@andrew.cmu.edu
Project-02-variable faces
*/

//variables
var x = 5;
var y = 5;
var r = 255;
var g = 255;
var b = 255;
var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 150;


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


function draw() {
   background(r,g,b);

   //eyes
   var eyeLX = width / 2 - faceWidth * 0.35;
   var eyeRX = width / 2 + faceWidth * 0.35;
   ellipse(eyeLX, height / 2 + x, eyeSize, eyeSize + x);
   ellipse(eyeRX, height / 2 + y, eyeSize, eyeSize + y);

   //face
   noFill();
   beginShape();
   curveVertex(width / 2, 160);
   curveVertex(width / 2, 160);
   curveVertex(width - 160  + x, 200 + x);
   curveVertex(width - 120 + x, height / 2 + x);
   curveVertex(width - 160 + x, height - 200 + x);
   curveVertex(width / 2, height - 160 + x);
   curveVertex(160 + x, height - 200 + x);
   curveVertex(120 + x, height / 2 + x);
   curveVertex(160 + x, 200 + x);
   curveVertex(width / 2, 160);
   curveVertex(width / 2, 160);
   endShape();

   //hat
   fill(50);
   rect(width / 5 + x, height / 8 + 50 + x, width / 2 + 50 + y, 100 + y);

   //nose
   noFill();
   beginShape();
   curveVertex(width / 2, height /2);
   curveVertex(width / 2, height /2);
   curveVertex(width / 2 + x, 350 + x);
   curveVertex(width / 2, 370);
   curveVertex(width / 2, 370);
   endShape();

   //mouth
   noFill();
   beginShape();
   curveVertex(width / 2 - 20, height - 230);
   curveVertex(width / 2 - 20, height - 230);
   curveVertex(width / 2 - 10 + y, height - 230 + y);
   curveVertex(width / 2 + 10 + x, height - 230 + x);
   curveVertex(width / 2 + 20, height - 230);
   curveVertex(width / 2 + 20, height - 230);
   endShape();
}


function mousePressed() {
    // when the user clicks, these variables are reassigned
    faceWidth = random(75, 150);
    faceHeight = random(100, 200);
    eyeSize = random(10, 30);
    x = random(-30,30);
    y = random(-30,30);
    r = random(0,255);
    g = random(0,255);
    b = random(0,255);
}

I utilized curveVertx () command to create smooth transitions of the curves.

Aaron Lee-Looking Outwards-02

“theatroacoustic” system. Courtesy LMN Architects

Creator’s name: LMN Architects

Title of the work: Ceiling of a new concert hall at the Voxman School of Music

Year of creation: 2016

Link: https://lmnarchitects.com/project/university-of-iowa-voxman-music-building

Construction sequence. Courtesy LMN Architects

Today, architects use scripting or programming to achieve complex yet fascinating geometry by computers which straightly leads to digital fabrication for mockups. The curves of these new shapes are not only proven to be the new aesthetic but also logical to be built in reality.

LMN Architects in Seattle designed the ceiling of a new concert hall at the Voxman School of Music using generative design and construction. Sophisticated algorithms in scripts were necessary in order to perform seamlessly an acoustic reflector, a distributor of light and air and most importantly aesthetically pleasing. Parameters / variables were first defined and generative algorithm calculated the best degree of curves, number of openings of the 946 unique, folded-aluminum composite modules while none are alike.

The further advantage of designing in scripts is that the design can be easily transcribed to fabrication language. In this case, any changes made to parameters could be produced into physical mock up to simulate acoustic level. Iterations of this process proved that the final product was the best option.

Aaron Lee — Project01 — Face

Aaron

/*
Aaron Lee
//Section C
//sangwon2@andrew.cmu.edu
Project-01-self portrait
*/

//canvas
function setup() {
   createCanvas(600,600);      
}


function draw() {
//background
    if (mouseX < width*0.33) {
    background("red");
    } else if (mouseX > width*0.66) {
    background("blue");
    } else {
    background("white");
    }

//hat
    fill(255);
    noStroke();
    quad(249,213,355,213,390,284,220,266);
    fill(0);
    triangle(195,266,266,249,390,284);
//eyebrow
    stroke(100);
    line(213,309,231,302);
    line(258,294,292,284);
//nose
    stroke(50);
    strokeWeight(4);
    line(249,277,266,373);
    line(266,373,280,364);
    line(280,364,281,383);
//book
    line(188,367,274,385);
    line(274,385,360,366);
    line(360,366,367,498);
    line(274,385,270,460);
    line(188,367,193,502); 
//sunglasses
    noStroke();
    fill(0)
    quad(208,329,240,314,247,342,225,348);
    quad(263,310,295,300,297,326,272,333);
    quad(242,326,359,293,357,302,245,336);
//hand
    stroke(0);
    strokeWeight(1);
    line(257,564,248,532);
    line(248,532,225,505);
    line(225,505,233,500);
    line(240,507,222,487);
    line(222,487,228,482); 
    line(243,498,221,469); 
    line(221,469,228,461); 
    line(221,469,228,461); 
    line(221,454,248,487); 
    line(221,454,231,447); 
    line(231,447,268,497);
    line(268,497,292,482);  
    line(292,482,300,493);  
    line(300,493,285,508);  
    line(285,508,304,552);  
}

Instead of avoiding rigid curves, I decided to design them intentionally with different lineweights.

Aaron Lee-LookingOutwards-01

Images: teamLab

teamLab Borderless is known to be the world-leading digital art collective lab consisted of not just engineers but also architects and artists. Like their name suggests, the team seeks for border-less communication between different genre of fields in order to create an transcending experience in the realm of media art. This project is inspiring since it breaks the traditional relationship between media art and space. Here, media art itself is an architecture. The project overcomes flat screens and challenges uneven surfaces and objects as possible medium in future. Its only limitation seems to be the safety issue. Considering many of the visitors are children and family, projected illusion might sometimes cause an accident. Although intentional, many visitors actually gets disoriented in this exhibition. Interestingly, the creator says that they were more inspired by the beauty of nature and sense of the organic more than anything else. The project proofs that the media art is ultimately about human experience and emotions not just special effects.

Video:teamLab