Jenni Lee – Project 02 – Variable Face

jenni-project-02

	//face variable
	var faceWidth = 220;
	var faceHeight = 220;
	var faceX = 211;
	var faceY = 133;
	var faceColor = 255;
	
	//eye variable
	var eyeWidth = 11;
	var eyeHeight = 11;
	var eyeX = 250;
	var eyeY = 235;

	//ear variable
	var earWidth = 44;
	var earHeight = 44;
	var earX = 210;
	var earY = 133;

	//nose variable
	var noseWidth = 28;
	var noseHeight = 20;
	var noseX = 306;
	var noseY = 246;

	//blush variable
	var blushWidth = 13;
	var blushHeight = 9;
	var blushX = 260;
	var blushY = 254;


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

}

function draw() {
	background(249, 234, 242);

	//drawing face
	noStroke();
	fill(faceColor);
	ellipseMode(CORNER);
	ellipse(faceX, faceY, faceWidth, faceHeight);

	//drawing eyes
	noStroke();
	fill(112);
	ellipseMode(CORNER);
	ellipse(eyeX, eyeY, eyeWidth, eyeHeight);

	//drawing right eye
	noStroke();
	fill(112);
	ellipseMode(CORNER);
	ellipse(eyeX+130, eyeY, eyeWidth, eyeHeight);

	//drawing left blush
	noStroke();
	fill(255, 204, 213);
	ellipseMode(CORNER);
	ellipse(blushX, blushY, blushWidth, blushHeight);

	//drawing right blush
	noStroke();
	fill(255, 204, 213);
	ellipseMode(CORNER);
	ellipse(blushX+105, blushY, blushWidth, blushHeight);

	//drawing nose
	noStroke();
	fill(112);
	ellipseMode(CORNER);
	ellipse(noseX, noseY, noseWidth, noseHeight);

	//drawing left ear
	noStroke();
	fill(255);
	ellipseMode(CORNER);
	ellipse(earX, earY, earWidth, earHeight);

	//drawing right ear
	noStroke();
	fill(255)
	ellipseMode(CORNER);
	ellipse(earX+179, earY, earWidth, earHeight);

}

function mousePressed() {

	//randomizing eye size
	eyeHeight = random (8, 15);
	eyeWidth = random (11, 15);

	//randomizing face size
	faceHeight = random (220, 300);
	
	//randomizing ear size
	earHeight = random (20, 44);

	//randomizing face color
	faceColor = random (220, 255);

	//randomozing nose size
	noseHeight = random (14, 20);
}

Although many aspects of this project took me a while to figure out, ultimately it was really fun to customize and it was a good learning experience. I based my variable face on one of my favorite stuffed animals.

Jenni Lee – Looking Outwards – 02

Video demo of flight patterns

Colorized flight patterns

The project I chose is “Flight Patterns” by Aaron Blink, created in 2006. In this project, Aaron Blink visualizes paths of air traffic through color and form. This project is a graphic display of the patterns of generated airplane paths. Flight patterns was made to be a planetarium-based artwork installation that visualizes the data and algorithms of manmade aerial technologies. I was drawn to not only the nuanced, intricate visuals of the project but also the way in which it blends together data visualization, science, and art through the presentation of these mechanical algorithms. I find it most intriguing how the flight paths ultimately combine to create the shape of the United States, demonstrating the interconnectedness within the various flight paths. Additionally, I admire how Blink executed this project with artistic sensitivity, as the the pacing and texture of the white motion lines within the video demonstrate an expertise in motion graphics. Ultimately, I highly admire this project for its effective usage of generative art.

Link

Jenni Lee – Project 01 – Face

jenni-face

/* Jenni Lee
Section E
jennife5@andrew.cmu.edu
Project-01
*/

function setup() {
    createCanvas(600, 600);
    background(237, 247, 249);
    noStroke();
}

function draw() {

	//back hair
	fill(63, 63, 63);
	ellipseMode(CENTER);
	ellipse(300, 200, 300, 300);
	rect(150, 190, 300, 170);
	ellipseMode(CENTER);
	ellipse(300, 350, 300, 300);

	//face
	fill(249, 235, 225);
	ellipseMode(CENTER);
	ellipse(300, 250, 273, 273);

	//bangs
	fill(63, 63, 63);
	ellipseMode(CENTER);
	ellipse(353, 162, 167, 167);

	//neck
	fill(249, 235, 225);
	rect(267, 372, 61, 57);

	//shirt
	fill(252, 180, 180);
	rect(213, 422, 171, 106, 10, 10, 10, 10);

	//ears
	fill(249, 235, 225)
	ellipseMode(CENTER);
	ellipse(157, 268, 50, 50);

	ellipseMode(CENTER);
	ellipse(439, 268, 50, 50)

	//eyes
	fill(63, 63, 63);
	ellipseMode(CENTER);
	ellipse(365, 276, 28, 28);

	fill(63, 63, 63);
	ellipseMode(CENTER);
	ellipse(232, 276, 28, 28);

	//heart
	fill(252, 180, 180);
	ellipseMode(CENTER);
	ellipse(494, 217, 21, 21);
	ellipse(510, 217, 21, 21);
	triangle(485.5, 223, 518.5, 223, 501.5, 240);

	//hoops
	noFill();
	stroke(224, 187, 83);
	strokeWeight(4);
	ellipse(430, 320, 67, 67);
	ellipse(162, 320, 67, 67);

 		noLoop();

}

This project was really enjoyable for me because the limited shape and color options forced me to think creatively in order to make recognizable facial features. Creating this face was very rewarding, as it felt like it was truly made from sratch. Further, I enjoyed organizing the code style, as it was similar to working with type hierarchy!

Jenni Lee – Looking Outwards – 01

Demo of VR automative design

Seymourpowell’s virtual reality tool for automative design enables designers in different locations to collaboratively participate in design projects. It acts as an augmented reality 3D drawing modelling tool for full-sized sketches of automobiles. Collaborators are able to dial into the project through a VR headset, the 3D sketch then projecting in front of them, allowing them to fully experience the design.

I admire this project, as not only will this tool allow for efficient virtual collaboration and advanced sketching features, but it will open paths for future designers by allowing them to understand how their car designs will exist in physical environments in various conditions. As I’m interested in products that intersect art and technology, this virtual reality tool is especially intriguing to me because it will be used across engineering, marketing, and design fields.