Author: ssharada@andrew.cmu.edu

ssharada-looking-outwards-02

Notional Field is an interactive installation created by Annica Cuppetelli and Cristobal Mendoza. The work is a wall-mounted sculpture containing vertical and parallel elastic like cords that are projected onto a flat surface. The motion of these lines are determined by an algorithm that forced them to respond to any movement in direction that occurs directly in front of them. What I found really interesting about this project is how it looks so three-dimensional – when the cords move around there is shadow movement that makes the work seem all the more believable. Furthermore, when the cords are pushed towards a corner of two walls, they almost bounce off and project onto the adjacent wall that makes the cords look as though they are actually jumping off of the wall.
According to the artists, the piece revolves around the idea of interface, which is interpreted as the point of contact between two different entities, and is displayed in the work in several ways: between the viewer and the piece (a human/computer interface); between the real and the virtual (the physical structure and its relationship with the projected structure); between the foreground and the background (as the projection interferes with the sculpture).

ssharada-project-02-variable-face-section-a

project-02-1.js

//Shariwa Sharada
//Section A
//ssharada@andrew.cmu.edu
//Project-02-Variable Face

var x = 0
var y = 0
var eyeWidth = 12.5
var eyeHeight = 17.5
var earWidth = 50
var earHeight = 100
var bodyWidth = 350
var bodyHeight = 750
var armPlacementX = 100
var armPlacementY = 675
var noseWidth = 20
var noseHeight = 30
var eyeColour = (119,79,56)
var noseColour = (119,79,56)
var bodyColour = (255, 254, 240)

function setup() {
	createCanvas(500, 800);
	background(218,239,239);	
}

function draw() {	
	if (random(1) > 0.5) {
		stroke(114, 169, 182);
		strokeWeight(.5);
    	line(x, y, x-40, y-40);
 	} 
 	else {
 		stroke(114, 169, 182);
 		strokeWeight(.5);
    	line(x, y-40, x-40, y);
	}

	x += 60;
	if (x > width) {
		x = 0;
		y += 10;
	}

	if (y > height) {
		background(218,239,random(220,260));
		x = 0;
		y = 0;
	}
//ears
	push();
	rotate(PI*3.8);
	translate(-475,150);
	fill(bodyColour);
	stroke(241,212,175);
	strokeWeight(2);
	ellipse(width/1.6, height/1.9, earWidth, earHeight);
	ellipse(width/3.2, height/1.8, earWidth, earHeight);
	pop();

//body, arm, ears
	push();
	rotate(PI*3.8);
	translate(-475,150);
	fill(bodyColour);
	stroke(241,212,175);
	strokeWeight(2);
	ellipse(width/2, height/1.06, bodyWidth, bodyHeight);
	ellipse(armPlacementX, armPlacementY, width/4, height/2);
	pop();

//paw fingers
	stroke(119, 79, 56);
	strokeWeight(1.5);
	line(armPlacementX-25, armPlacementY+47, armPlacementX, armPlacementY+75);

	push();
	translate(-11, 4);
	line(armPlacementX-25, armPlacementY+47, armPlacementX, armPlacementY+75);
	pop();

	push();
	translate(-18, 14);
	line(armPlacementX-25, armPlacementY+47, armPlacementX, armPlacementY+75);
	pop();

//eyes
	fill(eyeColour);
	noStroke();;
	ellipse(width/3, height/1.17, eyeWidth, eyeHeight);
	ellipse(width/2.3, height/1.25, eyeWidth, eyeHeight);

//nose
	push();
	rotate(PI*0.175);
	translate(340,-160);
	fill(noseColour);
	ellipse(width/2.3, height/1.25, noseWidth, noseHeight);
	pop();

//mouth
	push();
	noFill();
	stroke(eyeColour);
	arc(250, 700, 75, 120, PI*0.17, PI/1.73);
	pop();
}

function mouseClicked(){
	background(218,239,random(220,260));
	y=0
	x=0
	earWidth = random(25, 75);
	earHeight = random(75, 125);
	eyeWidth = random(5, 25);
	eyeHeight = random(10, 30);
	armPlacementX = random(75, 125);
	armPlacementY = random(650, 700);
	eyeColour = (random(99,139),random(59,99),random(56,166));
	noseColour =(random(99,139),random(59,99),random(56,166));
	noseWidth = random (noseWidth-7.5, noseWidth+7.5);
	noseHeight = random (noseHeight-7.5, noseHeight+7.5);
}

 

This is a polar bear that is waving at you with a little precipitation around him. The eyes, arm movement, background, nose, and ears have been made variable through colour and/or positioning.

ssharada-Looking Outwards 01

Do-ho Suh is a Korean sculptor and installation artist. His creates beautiful and delicate replicas of houses that he has lived in using wireframe structures and translucent, organza like fabric.

The fabric is used to highlight the “invisible memory” that one develops from experiencing a given space; the fabric also is an easily found material in Korea giving the viewer’s experience more value rather than the skin. Suh’s work is a 1:1 replica of the houses that he grew up in allowing for visitors to walk through them and live Suh’s memories of these houses. To create such large and complex pieces, Suh had to use a 3D scanning machine to get precise dimensions.

Suh’s work is a traditional representation of what a house is – when you look at the sculpture of his Rhode Island house, it is exactly what you would imagine an American house to be. Yet, the experience is different when you can see through the floors,ceilings, and walls.

You experience how one space in the house relates to another. I appreciate his work because it’s a physical manifestation of what we are taught in our architecture studios – understand the relationships between spaces and then only create them.

His work serves to show how the meaning of home can be different to everyone – the architect creating the space, the person occupying the space for a number of years, and the foreigner who has never experienced the space before. It also shows how technology can let us know what these experiences are for without it Suh would have not been able to create his sculptures and without it no one would have been able to see his experiences through a different view.

Technology could be the way to help us better understand other people.

ssharada-project01-selfportrait

shariwa-self-portrait.js

//Shariwa Sharada
//Section A
//ssharada@andrew.cmu.edu
//Assignment-01

function setup() {
    
}

function draw() {

	createCanvas(600, 800);
    background(241, 242, 247);

    fill(100);
    noStroke();
    triangle(0, 0, 0, 700, 400, 0);

    fill(211, 221, 230);
    noStroke();
    triangle(0, 300, 600, 400, 600, 750);

    fill(193, 196, 203);
    noStroke();
    triangle(100, 800, 600, 0, 600, 300);

//nose
	noFill();
	stroke(136, 66, 66);
	strokeWeight(3);
	curve(200, 100, 500, 240, 510, 325, 200, 200);

//face
	fill(227, 201, 203);
	noStroke();
	arc(350, 310, 330, 330, PI/0.8, PI/3.0, CHORD);

//eye big
	fill(205, 162, 164);
	ellipse(450, 210, 110, 40);

//eye medium
	fill(193, 196, 203);
	ellipse(450, 210, 40, 40);

//eye small
	fill(77, 43, 50);
	ellipse(440, 210, 20, 15);

//dimple
	push();
	fill(207, 174, 176);
	noStroke();
	rotate(PI/0.1675);
	translate(-10, 50);
	ellipse(430, 325, 5, 30);
	pop();

//upper lip
	fill(170, 87, 91);
	noStroke();
	triangle(mouseX, mouseY, 530, 370, 520, 340);

//lower lip
	fill(194, 93, 97);
	triangle(mouseX, mouseY, 530, 375, 520, 390);

//rotated and scaled hair
	push()
	scale(0.75, 0.75);
	translate(700, 900);
	rotate(PI*3.0);
	noFill();
	stroke(159, 104, 107);
	strokeWeight(3);
	arc(350, 310, 450, 450, PI, PI/0.6);
	arc(350, 310, 325, 325, PI/1.5, PI/0.625);

	strokeWeight(6);
	arc(350, 310, 400, 400, PI/1.5, PI/0.9);

	strokeWeight(1.75);
	arc(350, 310, 350, 350, PI/1.4, PI/0.595);

	strokeWeight(2);
	arc(350, 310, 175, 175, PI/1.3, PI/0.7);

	strokeWeight(3.5);
	arc(350, 310, 200, 200, PI/1.7, PI/0.85);

	strokeWeight(2.5);
	arc(350, 310, 230, 230, PI/1.9, PI/0.95);

	strokeWeight(4);
	arc(350, 310, 250, 250, PI/1.5, PI/0.7);

	strokeWeight(2);
	arc(350, 310, 275, 275, PI/1.4, PI/0.65);

	stroke(214, 176, 178);
	strokeWeight(2.25);
	arc(350, 310, 375, 375, PI/1.35, PI/0.58);

	strokeWeight(3);
	arc(350, 310, 400, 400, PI/0.8, PI/0.6);

	strokeWeight(1);
	arc(350, 310, 150, 150, PI/1.7, PI/0.8);

	strokeWeight(3.5);
	arc(350, 310, 300, 300, PI/2, PI/0.675);

	strokeWeight(5);
	arc(350, 310, 420, 420, PI/0.9, PI/0.6);

	pop();

//smaller rotated and scaled hair
	push()
	scale(0.55, 0.55);
	translate(150, 875);
	noFill();
	stroke(193, 154, 157);
	strokeWeight(3);
	arc(350, 310, 450, 450, PI, PI/0.6);
	arc(350, 310, 325, 325, PI/1.5, PI/0.625);

	strokeWeight(6);
	arc(350, 310, 400, 400, PI/1.5, PI/0.9);

	strokeWeight(1.75);
	arc(350, 310, 350, 350, PI/1.4, PI/0.595);

	strokeWeight(2);
	arc(350, 310, 175, 175, PI/1.3, PI/0.7);

	strokeWeight(3.5);
	arc(350, 310, 200, 200, PI/1.7, PI/0.85);

	strokeWeight(2.5);
	arc(350, 310, 230, 230, PI/1.9, PI/0.95);

	strokeWeight(4);
	arc(350, 310, 250, 250, PI/1.5, PI/0.7);

	strokeWeight(2);
	arc(350, 310, 275, 275, PI/1.4, PI/0.65);

	stroke(227, 197, 198);
	strokeWeight(2.25);
	arc(350, 310, 375, 375, PI/1.35, PI/0.58);

	strokeWeight(3);
	arc(350, 310, 400, 400, PI/0.8, PI/0.6);

	strokeWeight(1);
	arc(350, 310, 150, 150, PI/1.7, PI/0.8);

	strokeWeight(3.5);
	arc(350, 310, 300, 300, PI/2, PI/0.675);

	strokeWeight(5);
	arc(350, 310, 420, 420, PI/0.9, PI/0.6);

	pop();

//even smaller rotated and scaled hair
	push()
	scale(0.5, 0.5);
	translate(825, 1750);
	rotate(PI*3.0);
	noFill();
	stroke(229, 198, 200);
	strokeWeight(3);
	arc(350, 310, 450, 450, PI, PI/0.6);
	arc(350, 310, 325, 325, PI/1.5, PI/0.625);

	strokeWeight(6);
	arc(350, 310, 400, 400, PI/1.5, PI/0.9);

	strokeWeight(1.75);
	arc(350, 310, 350, 350, PI/1.4, PI/0.595);

	strokeWeight(2);
	arc(350, 310, 175, 175, PI/1.3, PI/0.7);

	strokeWeight(3.5);
	arc(350, 310, 200, 200, PI/1.7, PI/0.85);

	strokeWeight(2.5);
	arc(350, 310, 230, 230, PI/1.9, PI/0.95);

	strokeWeight(4);
	arc(350, 310, 250, 250, PI/1.5, PI/0.7);

	strokeWeight(2);
	arc(350, 310, 275, 275, PI/1.4, PI/0.65);

	stroke(240, 222, 223);
	strokeWeight(2.25);
	arc(350, 310, 375, 375, PI/1.35, PI/0.58);

	strokeWeight(3);
	arc(350, 310, 400, 400, PI/0.8, PI/0.6);

	strokeWeight(1);
	arc(350, 310, 150, 150, PI/1.7, PI/0.8);

	strokeWeight(3.5);
	arc(350, 310, 300, 300, PI/2, PI/0.675);

	strokeWeight(5);
	arc(350, 310, 420, 420, PI/0.9, PI/0.6);

	pop();

//ear outside 
	fill(244, 225, 220);
	ellipse(310, 325, 30, 130);

//ear3
	fill(231, 211, 207);
	stroke(193, 196, 203);
	strokeWeight(1);
	arc(310, 325, 25, 90, PI*.4, PI*1.45, CHORD);

//ear2
	fill(214, 192, 186);
	stroke(156, 163, 179);
	strokeWeight(1);
	arc(310, 325, 20, 80, PI/3.0, PI, CHORD);

//hair
	noFill();
	stroke(127, 65, 68);
	strokeWeight(3.5);
	arc(350, 310, 200, 200, PI/1.7, PI/0.85);

	strokeWeight(2.5);
	arc(350, 310, 230, 230, PI/1.9, PI/0.95);

	strokeWeight(4);
	arc(350, 310, 250, 250, PI/1.5, PI/0.7);

	strokeWeight(2);
	arc(350, 310, 275, 275, PI/1.4, PI/0.65);

//earhole2
	fill(231, 204, 197 );
	noStroke();
	ellipse(310, 377, 7.5, 12.5);

//earhole1
	fill(218, 185, 177);
	noStroke();
	ellipse(310, 377, 2.5, 2.5);

//eyebrow1
	fill(137, 131, 131);
	noStroke();
	quad(450, 160, 440, 170, 490, 190, 500, 180)

//eyebrow2
	fill(137, 131, 131);
	noStroke();
	triangle(450, 160, 455, 170, 375, 190)

//hair
	noFill();
	stroke(127, 65, 68);
	strokeWeight(3);
	arc(350, 310, 450, 450, PI, PI/0.6);
	arc(350, 310, 325, 325, PI/1.5, PI/0.625);

	strokeWeight(6);
	arc(350, 310, 400, 400, PI/1.5, PI/0.9);

	strokeWeight(1.75);
	arc(350, 310, 350, 350, PI/1.4, PI/0.595);

	strokeWeight(2);
	arc(350, 310, 175, 175, PI/1.3, PI/0.7);

	stroke(187, 136, 138);
	strokeWeight(2.25);
	arc(350, 310, 375, 375, PI/1.35, PI/0.58);

	strokeWeight(3);
	arc(350, 310, 400, 400, PI/0.8, PI/0.6);

	strokeWeight(1);
	arc(350, 310, 150, 150, PI/1.7, PI/0.8);

	strokeWeight(3.5);
	arc(350, 310, 300, 300, PI/2, PI/0.675);

	strokeWeight(5);
	arc(350, 310, 420, 420, PI/0.9, PI/0.6);

//earring bottom
	fill(189, 138, 50);
	noStroke();
	ellipse(310, 420, 40, 40);

//earring top
	noFill();
	stroke(226, 171, 75);
	strokeWeight(1.5);
	ellipse(310, 390, 25, 25);

//lip mark 
	fill(226, 171, 75);
	ellipse(500, 330, 2.5, 2.5);


}

 

My self-portrait is a side view of my face. I used the arcs to make my hair which is long. I made the mouth interactive as my mouth is one of my most telling features.