Author: Katrina Hu

Katrina Hu – Project 02 – Variable Face

sketch_project2

/*Katrina Hu
15104 C
kfh@andrew.cmu.edu
Project - 02 - Face*/


var eyeSize = 22;
var cheekWidth = 30;
var mouthWidth = 45;
var backgroundColor = 205
 
function setup() {
    createCanvas(640, 480);
    background(252, backgroundColor, 186);
    noStroke();
}
 
function draw() {
    background(252, backgroundColor, 186);
    //chopstick 1
    fill(158, 106, 68);
    rect(100, 270, 540, 7, 20, 0, 0, 20);
    triangle(640, 265, 100, 270, 640, 278);
    //bun shape
    fill(252, 232, 220);
    ellipse(220, 295, 200, 185);
    fill(255, 249, 242);
    ellipse(220, 275, 185, 165);
    triangle(222, 158, 134, 241, 305, 241);
    strokeWeight(2);
    line(250, 200, 250, 220);
    fill(252, 232, 220);
    ellipse(220, 195, 7, 20);
    ellipse(207, 190, 7, 20);
    ellipse(232, 190, 7, 20);
    //chopstick 2
    noStroke(0)
    fill(158, 106, 68);
    rect(100, 320, 540, 7, 20, 0, 0, 20);
    triangle(640, 315, 100, 320, 640, 328);
    //bun eyes
    fill(0, 0, 0)
    ellipse(180, 250, eyeSize);
    ellipse(270, 250, eyeSize);
    fill(255, 255, 255);
    ellipse(180, 245, eyeSize / 3);
    ellipse(270, 245, eyeSize / 3);
    //bun cheeks
    fill(255, 181, 176);
    ellipse(165, 275, cheekWidth, 10);
    ellipse(280, 275, cheekWidth, 10);
    //bun mouth
    fill(189, 100, 87);
    arc(220, 290, mouthWidth, 30, 0, PI, CHORD);
}
 
function mousePressed() {
    cheekWidth = random(25, 40);
    eyeSize = random(20, 30);
    mouthWidth = random(40, 55);
    backgroundColor = random(190, 210)
}

This was a very fun project to do, as I was able to play around with all the different variables and shapes.

Katrina Hu – Project 01 – Face

I enjoyed playing with various shapes and colors throughout this project. At times, the process was slightly tedious, but overall it was a fun and informative learning experience.

Project-01-Face

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

function draw() {
    //hair
        fill(0, 0, 0);
        ellipse(300, 300, 250); //top of hair
        rect(175, 300, 250, 200, 0, 0, 30, 30); //bottom of hair
    //neck
        fill(255, 229, 196);
        rect(280, 390, 40, 50);
    //face
        fill(255, 229, 196);
        ellipse(300, 300, 200); //face shape
    //facial features
        //eyes
            fill(255, 255, 255);
            ellipse(255, 290, 30); //white of left eye
            ellipse(345, 290, 30); //white of right eye
            fill(0, 0, 0);
            ellipse(255, 290, 17); //left pupil
            ellipse(345, 290, 17); //right pupil
        //mouth
            fill(0, 0, 0);
            arc(300, 350, 50, 50, 0, PI, CHORD);
    //body
        fill(200, 229, 247);
        rect(210, 430, 175, 200, 60, 60, 0, 0);


}

Katrina Hu – Looking Outwards – 01

Times Square Heart Sculpture

The interactive Times Square Heart Sculpture

The Times Square Heart Sculpture, designed by the Bjarke Ingels Group, has a red heart hovering within a cube made with 400 glass rods. The heart grows brighter with more people touching the activation pad. The piece is very effective, and reflects the vibrant energy that flows throughout New York City.

I was inspired by the way it helps build community and inclusivity. The creators were very successful because it encourages people passing by to come together to light up the heart. Many people were involved in the creation of the project, including structural engineers and lighting experts to help with the LED technology. The project also works to encourage green technology, leading the way to a more environmentally friendly and sustainable future.

A passerby pressing the activation pad