Author: Nina

Nina Yoo Section E LookingOutwards- 03

Andrew Kudless takes basic geometry alongside nature in order to create designs that seem to use less materials, but also create strong structures. A lot of his work can be used as a replacement/upgrade for current objects we have now as well as buildings. I am inspired as a designer because being able to create unique patterns while also considering the logistics of it and using the nature’s strongest forms, is something that is difficult to achieve. His simple yet mathematical designs creates another pathway for other designers to consider what nature and years or math research has to offer. The algorithm that generates this work derives from patterns found in nature and relates it to geometrical patterns and tries to find a way where the two creates the best results for a certain object. Andrew Kudless expresses art in his work by choosing which patterns go together and whether or not he decides to create a complicated structure or creates a structure that provides the minimum in order to convey his idea.

https://www.pinterest.com/matsys/computational-design/

 

 

Nina Yoo Project-03- Dynamic Drawing Section E

sketch

/* Nina Yoo
Section E
nyoo@andrew.cmu.edu
Dynamic Drawing*/

var colorBack = 120;
var colorDia = 183;
var colorEye = 240;
var colorPupil = 0;
var pupilWidth = 19;
var pupilHeight = 19;
var tongueH =  50;
var sizeDia = 300; //rotate this and leave a afterimage
var angle = 0;
var tonguesizecha =1;

function setup() {
    createCanvas(600, 600);
    noStroke();
    //everything in relation to mouseY


}


function draw() {
 	 background(colorBack);


 	 
 	// For dia movemet and color
 	var DiaSizeCha = map(mouseY, 0, height, sizeDia, 600);

 	 //dia

 	 var anglemap = map (mouseY, 0, height, angle, 5);

 	 rotate(anglemap, 300 );
 	  


 	 var colorDiamap = map(mouseY, 0, height, 0, 256);

 	 fill(colorDiamap, 153, 153);
 	 noStroke();
 	 rectMode(CENTER);
 	 rect(300,300, DiaSizeCha, DiaSizeCha);
 	 pop(); // pop allows thhe face to separate from dia


 	 	
 	 //face
 	fill(233,194,144);
 	ellipse(300,300, 265, 265);

 	//mouth
 	fill(0);
 	arc(300, 365, 37, 30,0, PI);


 	//tongue map
 	var tongueMove = map(mouseY, 0, height, tonguesizecha, 5);

 	//tounge 
 	fill(240, 100, 100);
 	arc(300, 372, 37, tongueH*tongueMove,0, PI);

 	//outereye
 	push();
 	var colorEyemap = map(mouseY, 0, height, 0, 256);
 	fill(colorEyemap, 100,100);
 	arc (230, 288, 54,54,0 , PI);
 	pop();

 	push()
 	 var colorEyemap = map(mouseY, 0, height, 0, 256);

 	fill(colorEyemap, 100, 100);
 	arc (375, 288, 54,54, 0, PI);

 	//pupil move/map
 	var pupilMove = map( mouseY, 0, height, pupilHeight, 2);

 	//pupil  

 	fill(colorPupil, 20, 30);
 	arc(230, 288, pupilWidth +pupilMove, pupilHeight+pupilMove, 0, PI);


 	fill(colorPupil, 20, 30);
 	arc(375,288, pupilWidth + pupilMove, pupilHeight + pupilMove, 0, PI);







}

This assignment helped me think about multiple applications being used all at once. In order to accomplish this I made mouseY be depended on a lot. The idea was to make the user think that the mouse controlled the tongue and therefore control everything else. Having there be a common factor in all moving objects helped organize the code. This code also helped me better understand variables and the “map” function.

Nina Yoo- Project 02- Variable- Face Section E

sketch

/*Nina Yoo
Section E
nyoo@andrew.cmu.edu
Project-02
*/ 

var eyeSizeW = 44;
var eyeSizeH = 27;
var colorEye = 0;
var faceWidth = 192;
var faceHeight = 192;
var eyeBruiseWidth = 76;
var eyeBruiseHeight = 63;
var earH = 54;
var earW = 23;


function setup() {
    createCanvas(480, 650);
    noStroke();
    
    
}

function draw() {
	background(167,217,201);

	//head
	fill(229,222,167);
	ellipse(240, 350, faceWidth, faceHeight);
	fill(229,222,167);
	ellipse(143, 350, earW, earH);
	fill(229,222,167);
	ellipse(336,350, earW, earH);

	//hair
	fill(0);
	triangle(215,228, 211, 257,239,261);
	triangle(239,261,222,221,278,163);

	//left eye
	fill(255);
	arc(195,346, 44, 44, 0, PI);
	fill(colorEye);
	arc(195,346,24,15,0,PI);


	//bruise
	fill(175,127,183);
	ellipse(286,350, eyeBruiseWidth,eyeBruiseHeight);

	//right eye
	fill(255);
	ellipse(286,351,eyeSizeW,eyeSizeH);
	fill(colorEye);
	ellipse(286,350,24,15);

}

function mousePressed(){
	faceWidth = random(192, 240);
	faceHeight = random(192, 250);
	colorEye = random (0, 200);
	eyeSizeW = random (44, 85);
	eyeSizeH = random (27, 50);
	earW = random (23, 76);
	earH = random (54, 100);
	eyeBruiseWidth = random (76, 100);
	eyeBruiseHeight = random (63, 90);


}

The assignment required a lot of going back and forth with the variables because there were values I wanted to change, but having the variables also helped in the case that I didn’t have to go through the whole code and change every number. Another important factor I realized was that I needed to close the function draw in order for the function mousePressed to work. The mousePressed function was surprisingly easier than expected and having the variables also as a little cheat sheet for measurements was helpful.

Nina Yoo Section E- Looking Outwards-02

I admire how it seems to draw me into the projection even though I, myself, am behind a screen. It feels 3D despite its lack of presence in real life. The algorithm generated most likely considers the space of the projection (the room that it is in) and setting patterns within cubes of space, basically trying to explore the space within the cubes as much as possible. Then later on, expanding the cube size to the room itself and then one again shrinking down. The artist behind this program is exploring a 3D sculpture that is able to display the applicabilities of geometric shapes and a presentation(much like a movie). He demonstrates both the simplicity and the complexity of simple shapes into an art form while also experimenting with a “no sound” experience. Even though the room is quiet, the projection seems very loud making the audience experience a more 3D landscape by just focusing on the images and having blank sound in the background.

https://vimeo.com/283848376

Yousuke Fuyuma LIVe at Lacking Sound Festival 2018

Looking Outwards-01

Sonic Playground

“Sonic Playground” was made by a team lead Yuri Suzuki and High Atlanta. High Atlanta was creating a project that was an interactive outdoors experience, but this is the first project where they were experimenting with sound, which is what Yuri Suzuki contributed in. The software that was used to produce this project was a combination of Grasshopper and Rhinoceros, which are both 3d geometrical software instead of focusing on auditory software. It doesn’t seem to be inspired by prior works, it seems to focus on interpreting already set environments that are in our world today. The “Sonic Playground” is a combination of a children’s playground (imitating the shape of a playground and the colors) and of horns (which is a simple musical instrument). This project points to a future of more interactive spaces and less having to conform to ideas that are already existing. Playing with different elements such as sound allows another human sense to be stimulated and explored upon, which may possibly help with human development.

Nina Yoo Project-01-Face

sketch

function setup() {
    createCanvas(600, 600);
    background(182,186,181);
    
}

function draw() {

	//main hair
	noStroke()
	fill(0)
	ellipse(309,269,268,292)

	noStroke()
	fill(0)
	ellipse(349,274,253,267)


	//basic face
	noStroke()
	fill(241,233,186)
	ellipse(330,283,223,262)

	//ear
	noStroke()
	fill(241,233,186)
	ellipse(432,273,45,81)

	//neck
	noStroke()
	fill(241,233,186)
	rect(293,349,68,103)


	//body
	noStroke()
	fill(241,233,186)
	rect(232,449,197,150)

	noStroke()
	fill(241,233,186)
	ellipse(232,524,86,151)

	noStroke()
	fill(241,233,186)
	rect(189,524,49,75)

	noStroke()
	fill(241,233,186)
	ellipse(427,524,79,151)

	noStroke()
	fill(241,233,186)
	rect(421,524,45,75)

	//under clothes part
	noStroke()
	fill(0)
	rect(234,530,184,69)


	//front hair
	noStroke()
	fill(0,0,0)
	ellipse(296,179,160,86)



	//mouth shadows
	noStroke()
	fill(210,203,167)
	ellipse(320,384,22,13)
	noStroke()
	fill(210,203,167)
	ellipse(320,352,7,14)

	//nose shadow
	noStroke()
	fill(210,203,167)
	ellipse(320,327,22,13)
	noStroke()
	fill(210,203,167)
	ellipse(320,300,7,28)

	//eyes shadow
	noStroke()
	fill(210,203,167)
	ellipse(266,271,54,27)
	noStroke()
	fill(210,203,167)
	ellipse(375,271,54,27)

	//ear shadow
	noStroke()
	fill(210,203,167)
	ellipse(432,273,7,25)

	//arm shadow
	noStroke()
	fill(210,203,167)
	ellipse(419,569,11,61)

	noStroke()
	fill(210,203,167)
	ellipse(232,569,11,61)

	//chin shadow
	noStroke()
	fill(210,203,167)
	ellipse(327,412,68,13)




	//lips
	noStroke()
	fill(187,96,141)
	ellipse(320,375,29,11)
	noStroke()
	fill(188,126,151)
	ellipse(308,367,29,10)
	noStroke()
	fill(188,126,151)
	ellipse(335,368,29,10)
	noStroke()
	fill(241,233,186)
	ellipse(302,364,29,13)
	noStroke()
	fill(241,233,186)
	ellipse(340,364,29,13)

	//eyelashes
	noStroke()
	fill(0)
	ellipse(266,275,52,24)

	noStroke()
	fill(0)
	ellipse(376,275,52,24)

	//white part of eyes
	noStroke()
	fill(255)
	ellipse(376,279,52,19)

	noStroke()
	fill(255)
	ellipse(266,279,52,19)

	//eyebrows
	noStroke()
	fill(0)
	ellipse(266,243,52,22)

	noStroke()
	fill(0)
	ellipse(376,243,52,22)

	noStroke()
	fill(241,233,186)
	ellipse(266,248,52,19)

	noStroke()
	fill(241,233,186)
	ellipse(376,248,52,19)


	//eyeballs
	noStroke()
	fill(0)
	ellipse(266,272,15,15)

	noStroke()
	fill(0)
	ellipse(376,272,15,15)	

	//mole
	noStroke()
	fill(0)
	ellipse(305,398,5,5)

	//clothes
	noStroke()
	fill(0)
	ellipse(327,540,194,118)

	noStroke()
	fill(0)
	rect(258,449,12,60)

	noStroke()
	fill(0)
	rect(384,449,12,60)




}

I started off with making basic shapes and then played with coloring to demonstrate shadows.