Author: Rachel

Rachel Lee-Project-02-Variable-Face- Section E

Rachel Lee Variable Face

/* Rachel Lee
Section E
rwlee@andrew.cmu.edu
Project-02 (Variable Faces) */


var skinColor = 193; // skin color
var eyelidH = 133;
var eyeballSize = 126; //eye
var reflectionX = 302;
var hornsX1 = 228; //horns
var hornsY1 = 143;
var hornsX2 = 220;
var hornsY2 = 78;
var hornsX3 = 265;
var hornsY3 =114;
var faceSize = 300; //face
var eyelidX = 126; //eyelid
var eyelidY = 130;
var cornerLX = 250; //lip
var cornerY = 275;
var cornerRX = 370;

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

function draw() {
	background(100, 120, 170);
	noStroke();

    // horns
    fill(230, 215, 150);
    triangle(hornsX1, hornsY1, hornsX2, hornsY2, hornsX3, hornsY3);
    triangle(hornsX1 + (width * 0.5 - hornsX1) * 2, hornsY1, hornsX2 + (width * 0.5 - hornsX2) * 2, hornsY2, hornsX3 + (width * 0.5 - hornsX3) * 2, hornsY3);
	
	//face
	fill(163, skinColor, 58);
	ellipse(width * 0.5, height * 0.5, faceSize, faceSize); 

	//eyelid
	fill(70, 115, 50);
	ellipse(width * 0.5, 200, eyelidX, eyelidY); 
	
	//eye
	fill(255);
	ellipse(width * 0.5, 243 - faceSize * 0.1, eyeballSize, eyeballSize); 
	fill(60, 185, 165);
	ellipse(width * 0.5, 243 - faceSize * 0.1, eyeballSize * 0.5, eyeballSize * 0.5); 
	fill(0);
	ellipse(width * 0.5, 243 - faceSize * 0.1, eyeballSize * 0.3, eyeballSize * 0.3); 
	fill(255);
	ellipse(reflectionX, 243 - faceSize * 0.1, eyeballSize * 0.1, eyeballSize * 0.1);

	//mouth
	stroke(70, 115, 50);
	strokeWeight(2);
	noFill();
	curve(cornerLX, cornerY, cornerLX + 15, cornerY + 45, cornerRX + 15, cornerY + 35, cornerRX, cornerY);

}


function mousePressed() {
	faceSize = random (275, 325);
	eyeballSize = random (120, 145);
	// reflectionX = random (302, 320); 
	skinColor = random (160, 230);
	cornerY = random (280, 305);

}

For this project, I decided to try to recreate Mike Wazowski from my favourite Pixar movie, Monster’s Inc. While it took me a while to figure out some aspects of this composition, I really looked forward to seeing what kind of features would be randomly generated– it was rather exciting to play with.

Rachel Lee Section E Looking Outwards 02

A generative art project I find inspirational is David Wicks’ Innovation Clock. The primary reason I was drawn to this project was its potential for inspiration and further impact beyond aesthetics– the clock extracts real time data from Twitter regarding the discussion of innovative ideas to stimulate conversation and encourage people to create. At a school like CMU, I am constantly inspired by the motivations, passions and compelling projects that my peers are working on, and feel like an artefact like this clock encompasses many attributes that I admire about my classmates and would encourage me to try new things. The programmers of this creation generated an algorithm that extracted up to the minute data from Twitter, presumably posts with hashtags related to innovative ideas or fields. Wicks’ artistic sensibilities are revealed through the lively text functions (hashtags are more hierarchically important with regards to type that Twitter posts) as well as dynamic lighting that reveals a coded map of activity, which reveal his consideration of space, composition and typography, as well as drama and impact.

Innovation Clock by David Wicks, 2015.

Rachel Lee Project-01 (Face)

Rachel Lee Project-01-Face

/* Rachel Lee
Section E
rwlee@andrew.cmu.edu
Assignment-01 (Self Portrait)*/

function setup() {
    createCanvas(513, 663);
    background(230, 175, 35);
    noStroke();
}


function draw() {
	//hair
	fill(48, 41, 36);
	ellipse(255, 226, 330, 322);
	rect(90, 230, 330, 336);

	//neck
	fill(233, 203, 164);
	rect(178, 356, 154, 81);
	ellipse(255, 432, 154, 154);

	//face
	fill(237, 213, 171);
	ellipse(255, 258, 300, 300);


	//eyebrows
	fill(48, 41, 36);
	quad(149, 198, 160, 188, 212, 194, 212, 197);
	quad(296, 194, 348, 188, 360, 198, 296, 197);

	//bangs
	fill(48, 41, 36);
	quad(107, 229, 123, 135, 304, 88, 202, 182);

	//ears
	fill(237, 213, 171);
	ellipse(108, 254, 51, 51);
	ellipse(400, 254, 51, 51);

	//eyes
	fill(48, 41, 36);
	ellipse(328, 234, 48, 39);
	fill(237, 213, 171);
	ellipse(328, 229, 48, 39);
	fill(48, 41, 36);
	rect(171, 251, 3, 7);
	rect(181, 253, 3, 8);
	rect(192, 250, 3, 8);

	fill(48, 41, 36);
	ellipse(181, 234, 48, 39);
	fill(237, 213, 171);
	ellipse(180, 229, 48, 39);
	fill(48, 41, 36);
	rect(319, 252, 3, 7);
	rect(329, 253, 3, 8);
	rect(339, 250, 3, 8);

	//nose
	fill(242, 196, 156);
	triangle(241, 300, 252, 249, 252, 300);
	fill(226, 182, 140);
	triangle(252, 300, 252, 249, 263, 300);

	//mouth
	fill(224, 84, 58);
	ellipse(254, 331, 70, 39);
	fill(237, 213, 171);
	ellipse(254, 326, 70, 39);

	//blush
	fill(242, 196, 156);
	ellipse(164, 292, 58, 29);
	ellipse(346, 292, 58, 29);

	//earrings
	fill(54, 70, 157);
	ellipse(98, 295, 50, 68);
	ellipse(412, 295, 50, 68);
}

I really enjoyed this assignment! It was super fun to see what I could come up with using basic shapes. At first I was just drawing freehand, but I found it much easier and much more precise to extract coordinates and color swatches from an Illustrator sketch I created.

Rachel Lee Looking-Outwards-01

The Neon Map, an interactive feature that archives neon signs around the city and encourages user participation.

A year ago I developed an interest in the neon lights heritage of my hometown, Hong Kong, and stumbled upon neonsigns.hk, an interactive online exhibit created by the M+ Museum of Visual Culture. Perhaps the thing that I admire the most about this project is the effort that the creators put into shedding light upon a dying custom and celebrating the integral part that such neon signs play in the city’s culture. I also appreciate the multimedia nature of the project, as documenting the history and narratives of neon signs through video, story and interactive live maps (a community effort that goes beyond the original curatorial team, but includes commissions and willing participants) provides a more variegated picture and immerses the viewer in the experience. The ‘Neon Map‘ was created based on Google Maps, though the geographical tags and participant uploads might have been developed with third party software. I believe that the project creators were inspired by museum exhibits in general, but wanted to find a permanent way to preserve this curated exhibit; furthermore, the Neon Map may have been inspired by a walking tour, as interactive elements are embedded in the project. Future opportunities for development and expansion of this project are highly likely, as the ‘Adding Your Neon’ tab encourages viewers to add to the existing narrative and further the legacy of neon signs.