ashleyc1-Section C-Project-02-Variable-Face

sketch

//Ashley Chan   
//Section C
//ashleyc1@andrew.cmu.edu
//Assignment-02-A


var cupShape = 260;
var cupWidth = 200;
var cupBrim = 50;
var liquidWidth = 200;
var liquidHeight = 10;
var randomInteger = 1.25;
var eyeSize = 50;
var eyeX = 100;
var pupilLX = 285;
var pupilLY = 295;
var pupilRX = 390;
var pupilRY = 295;
var drinkColor = 100;
var steamMvt = 270;
var mouthX = 320;

 
function setup() {
    createCanvas(640, 480);
}
 
function draw() {
    background(242, 234, 188);

//handle
    noStroke();
    fill(255);
    ellipse(cupWidth + 250, 310, 150, 100);

    fill(242, 234, 188);
    ellipse(cupWidth + 250, 310, 100, 50);

//cup body

    fill(255);
    noStroke();
    rect(cupWidth , 200, (cupWidth * randomInteger), 240, 40, 40, cupShape, cupShape);

//cup brim

    fill(220);
    ellipse(cupWidth/2 * 3.25, 220, 200, cupBrim);
    
   
//drink
//when mouse clicked, liquid color will change and adjust to new shape of cup

    fill(drinkColor, 49, 30);
    ellipse(cupWidth/2 * 3.25, 220, liquidWidth - 20, cupBrim - 10);

//eyes
//when mouse clicked, width of cup changes

     fill(0);
     var eyeX = cupWidth/2;
     ellipse(eyeX*2.75, 300, eyeSize, eyeSize);
     ellipse(eyeX*3.75, 300, eyeSize, eyeSize);

//pupils
//when mouse clicked, pupils go crazy

     fill(255);
     stroke(5);
     ellipse(pupilRX, pupilRY, 15, 15);
     ellipse(pupilLX, pupilLY, 15, 15);

//mouth

    push();
    noFill();
    stroke(50);
    arc(cupWidth + 125, 380, 50, 10, 0, PI);
    pop();

//blush

    fill(249, 210, 243);
    noStroke();
    ellipse(eyeX + 175, 330, 50, 20);
    ellipse(eyeX + 275, 330, 50, 20);

//steam

    noFill();
    stroke(0);
    push();
    translate((cupWidth/2) - 80, 0);
    bezier(260, 180, steamMvt, 150, 230, 0, 300, 30);
    pop();

    push();
    translate((cupWidth/2) - 20, 10);
    bezier(260, 180, steamMvt, 150, 230, 0, 300, 30);
    pop();

    push();
    translate((cupWidth/2) + 50, 0);
    bezier(260, 180, steamMvt, 150, 230, 0, 300, 30);
    pop();


}
 
function mousePressed() {
 
    cupShape = random(30, 80);
    cupWidth = random(200, 210);
    cupBrim = random(20, 50);
    liquidWidth = random(170, 200);
    liquidHeight = random(20, 30);
    randomInteger = random(1.2, 1.4);
    drinkColor = random(100, 200);
    steamMvt = random(270, 300);
    eyeSize = random(30, 70);
    pupilLX = random (270, 295);
    pupilLY = random(290, 305);
    pupilRX = random(380, 390);
    pupilRY = random(290, 310);


}

Initially, I didn’t know what face I wanted to create so I drew the first thing I saw at the time, which was a poster of a coffee cup in Morewood Gardens. Although I’m not particularly happy with my final result because I wanted to add additional elements that didn’t work out, I’m still proud that, while creating this, I began developing the ability to troubleshoot and understand where to find the problem in my code whenever the index revealed something I wasn’t intending.

ashleyc1-Section C-Looking Outwards-02

Waves is a generative art installation created in 2016 by LIA. It was shown in part with a live concert, “Blades,” by @c. There is little information about this particular work but it’s given that the waves are generated through sin functions that slowly build on top of each other to create more complex forms and movements. What I personally am attracted to in this piece is how abstract it is. Even though there is the color scheme and motions that reference waves, it doesn’t seem like a literal representation. There are moments where the lines almost look pixel-y and scale-like because of how sharp the edges of the line become due to distortion of the functions.

Waves by LIA. Photo provided by LIA-something on Flickr.

This distortion is part of the artistic style. I think it’s a conceptual nod to the characteristics of generative art: how we are now using technology to replicate nature and abstract beauty. While it’s impressive to create completely generative installations, it’s also nice to be reminded that technology can’t perfectly replicate nature so characteristics like pixels are highlighted. I do not however agree with the choice for it to serve as a literal backdrop to the band. I felt like it cheapened the value of the artwork itself as it went from having a conceptual purpose to being a background to a main performance. But maybe I wouldn’t think this if the documentation included the music of the band to create a more atmospheric experience.

Links:

Waves

http://www.at-c.org/

http://www.at-c.org/?p=173

https://www.flickr.com/photos/lia_lia/sets/72157675567646274/with/32267611511/

 

ashleyc1- Project 1- Face

ashley-sketch

//Ashley Chan
//ashleyc1@andrew.cmu.edu
//Session C

function setup() {
    createCanvas(400, 400);
    background(144, 236, 255);

}

function draw() {

 //hair

     noStroke();
     fill(125, 12, 148);
     rect(75, 20, 250, 600, 100);

     fill(253, 208, 117);
     triangle(190, 75, 200, 20, 200, 75)

 //neck

     fill(232, 185, 90);
     rect(175, 280, 50, 50);



 //face
     noStroke();
     fill(253, 208, 117);
     ellipse(200, 175, 200, 225);


 //glasses

     stroke(0);
     noFill();
     strokeWeight(5);
     rect(220, 150, 90, 50);

     strokeWeight(5);
     rect(90, 150, 90, 50);

     fill(0);
     rect(180, 160, 40, 8);

 //eyes

     fill(0);
     ellipse(140, 170, 25, 25);
     ellipse(250, 170, 25, 25);

     fill(255);
     ellipse(145, 165, 15, 15);
     ellipse(255, 165, 15, 15);


 //eyebrows

     fill(0);
     strokeWeight(1);
     curve(200, 126, 100, 126, 180, 124, 180, 250);

     translate(125, 0);
     curve(700, 250, 175, 124, 100, 126, 200, 126);
 	

//lips
     arc(75, 250, 30, 30, 0, PI);

//body
	
    noStroke();
    fill(243, 213, 15);
    rect(-25, 300, 200, 200, 60);

    fill(232, 185, 90);
    arc(75, 300, 50, 50, 0, PI);

}

Reflection:

My process consisted mostly of trial and error when is came to alignment and figuring out the effects of altering specific coordinates. I need to get better at anticipating what factors affect what so I’m not wasting time plugging in random numbers. But overall, I’m happy with the result and I think this is a pretty direct reflection of what I look like.

ashleyc1- Looking Outwards -1



Although first installed in Japan, 2013, Homogenizing and Transforming World has traveled to Hong Kong and is currently being exhibited in the National Gallery of Singapore. It’s an interactive installation that consists of large, white balls that create sound when a person touches them. When someone interacts with a ball, the ball emits a sound and new color that changes/affects the balls around it until all the balls in the room have changed. The balls have data-collecting sensors and are wirelessly connected to each other. This installation was inspired by the nature of the internet and how everyone is able to contribute and share that overtime affects communication and expands knowledge to others. Like the digital world, this installation is ever-changing and dependent on user interaction.

What I find fascinating about this installation is how simple it is for representing a large concept. It absolutely embodies the essence of the internet and how it is always changing, how quickly our actions can influence our environment and how expansive and infinite the technological world is. I love how the colors and sounds of the balls are calculated responses to the interactions of the person and with the past interaction responses. They’re not making default, automatic colors or sounds. They are truly being altered as more time and interactions occur.

My only critique (and I’m not sure if this may be a feature that documentation just didn’t show) is that it seems like this installation responds to one’s touch at a time. A participant might have to wait till after a change to occur to see how their touch influences the space; rather than having multiple people touch various balls and that form of interaction changes the space in a certain way. In reality, the internet has constant contributors dumping stuff online at once and this installation would be stronger conceptually if it embodied this characteristic as well.

Source:

Teamlab’s website

teamlab’s color-changing floating spheres in singapore respond to human touch

http://www.wetheurban.com/post/161822428609/teamlabs-color-changing-spheres-respond-to-human

http://cuteandkids.com/enjoy/museums-art/art-human-touch-teamlab/