Section B – Page 35 – [OLD FALL 2018] 15-104 • Introduction to Computing for Creative Practice

Project-01-Face Veronica

//Veronica Wang
//Section B
//yiruiw@andrew.cmu.edu
//Project 01 Face


function setup() {
    createCanvas(600, 600);
    background(255,177,190);
   
}

function draw() {

	//hair
	noStroke();
	fill(161,129,83);
	ellipse(300, 250, 250, 250);
	rect(175, 200, 250, 250, 50);
	noStroke();
	fill(134,107,68);
	ellipse(300, 250, 240, 240);
	noStroke();
	fill(161,129,83);
	ellipse(310, 260, 250, 250);

	//face
	noStroke();
	fill(255,236,190);
	ellipse(300, 300, 200, 220);
	rect(275,375,50,70);
	ellipse(210,300,50,50);

	//hair
	noStroke();
	fill(161,129,83);
	ellipse(280, 210, 160, 100);
	ellipse(365, 210, 80, 80);
	rect(200,200,20,200,10);

	//earing
	noStroke();
	fill('white');
	ellipse(190,310,10,10);

	//eyebrows
	noStroke();
	fill(161,129,83);
	ellipse(270, 270, 70, 15);
	ellipse(365, 270, 50, 15);
	noStroke();
	fill(255,236,190);
	ellipse(270, 275, 80, 15);
	ellipse(365, 275, 60, 15);

	//eyes
	noStroke();
	fill(161,129,83);
	ellipse(270, 305, 50, 50);
	ellipse(365, 305, 50, 50);
	noStroke();
	fill(255,236,190);
	ellipse(270, 315, 60, 60);
	ellipse(365, 315, 60, 60);
	line()

	//shirt
	noStroke();
	fill(170);
	ellipse(300, 625, 400, 400);
	noStroke();
	fill(180);
	ellipse(300, 635, 400, 400);
	noStroke();
	fill(255,177,190);
	ellipse(300, 625, 300, 300);
	noStroke();
	fill(180);
	rect(180, 475, 240, 250);
	noStroke();
	fill(170);
	rect(180, 533, 10, 70);

	//mouth
	noStroke();
	fill(255,139,139);
	arc(300, 365, 45, 45, 0, PI + QUARTER_PI, OPEN);

	//nose
	noStroke();
	fill(229,217,163);
	arc(320, 330, 20, 20, -45,QUARTER_PI+QUARTER_PI, OPEN);

	//neck
	noStroke();
	fill(255,236,190);
	ellipse(300,447,100,50);

}

I started by sketching out the face I wanted to draw in simple shapes, and then tried to put them into javascript. I don’t have much coding background and was struggling to create curves, so I used overlapping ellipses to draw curved eyebrows/eyes. I’m sure there are smarter ways to do this but I still had a lot of fun doing this exercise!

Alessandra Fleck-Project 01-Face

sketch

//Name: Alessandra Fleck 
//Class Section : B
//Email: afleck@andrew.cmu.edu
//Project-01
function setup() {
    createCanvas(600, 600);
    background(146,199,159);
    noStroke();

    //text("p5.js vers 0.5.12 test.", 10, 15);
}

function draw() {

	//face shape
	beginShape();
		fill(225,225,225);
		vertex(319, 0);
		vertex(333, 96);
		vertex(308, 261);
		vertex(289, 363);
		vertex(270, 400);
		vertex(176, 505);
		vertex(124, 537);
		vertex(42, 545);
		vertex(0, 539);
		vertex(0, 0);
		endShape(CLOSE);

	//eye
	beginShape();
		fill("white");
		vertex(275, 128);
		vertex(244, 136);
		vertex(216, 139);
		vertex(160, 132);
		vertex(154, 122);
		vertex(176, 107);
		vertex(210, 94);
		vertex(256, 106);
		endShape(CLOSE);

	

	//tri 01
	beginShape();
		fill(183,183,183);
		vertex(319, 0);
		vertex(256, 106);
		vertex(210, 94);
		vertex(206, 0);
		endShape(CLOSE);
	 //tri 02
	 beginShape();
	 	fill(172,172,172);
	 	vertex(275, 128);
	 	vertex(224, 136);
	 	vertex(216, 139);
	 	vertex(250, 250);
	 	endShape(CLOSE);
	 //tri 03
	 beginShape();
	 	fill(203,202,202);
	 	vertex(224, 136);
	 	vertex(216, 139);
	 	vertex(160, 132);
	 	vertex(250,250);
	 	endShape(CLOSE);

	//lips
	beginShape();
		fill(203,87,136);
		vertex(145, 400);
		vertex(127, 422);
		vertex(97, 440);
		vertex(0, 421);
		vertex(0, 396);
		vertex(19, 400);
		vertex(60, 414);
		endShape(CLOSE);
	beginShape();
		fill(2244,195,216);
		vertex(0, 366);
		vertex(36, 352);
		vertex(61, 361);
		vertex(81, 358);
		vertex(103, 364);
		vertex(146, 395);
		vertex(104, 403);
		vertex(67, 394);
		vertex(27, 393);
		vertex(0, 391);
		endShape(CLOSE);

	//ear
	beginShape();
		fill(183,183,183);
		vertex(306, 256);
		vertex(346, 229);
		vertex(377, 160);
		vertex(398, 0);
		vertex(320, 0);
		endShape(CLOSE);

	//contour
	beginShape();
		fill(112,112,112);
		vertex(301, 0);
		vertex(319, 0);
		vertex(333, 96);
		vertex(308, 261);
		vertex(289, 363);
		vertex(270, 400);
		vertex(250, 250); // cheek insert
		vertex(275, 128);
		endShape(CLOSE);

	//pupil
		fill("white");
		ellipse(210, 118, 50, 40);
		fill("grey");
		ellipse(210, 110, 40, 30);
		fill("black");
		ellipse(210, 118, 30, 30);
		fill("white");
		ellipse(205, 112, 20, 20);

	//nose
		beginShape();
			fill(203,202,202);
			vertex(0, 298);
			vertex(48, 304);
			vertex(64, 308);
			vertex(86, 302);
			vertex(120, 304);
			vertex(129, 283);
			vertex(123, 243);
			vertex(121, 133);
			vertex(42, 122);
			vertex(10, 245);
			endShape(CLOSE);
		beginShape();
			fill(112,112,112);
			vertex(64, 308);
			vertex(80, 280); // tip
			vertex(86, 302);
			endShape(CLOSE);
		beginShape();
			fill(144,143,143);
			vertex(80, 280);
			vertex(108, 263);
			vertex(118, 238);
			vertex(122, 137);
			vertex(213, 42);
			vertex(293, 48);
			vertex(264, 29);
			vertex(192, 36);
			vertex(109, 86);
			vertex(94, 124);
			vertex(83, 242);
			vertex(50, 292);
			vertex(48, 304);
			vertex(64, 308);
			endShape(CLOSE);
		beginShape();
			fill(155,152,152);
			vertex(24, 170);
			vertex(38, 124);
			vertex(0, 64);
			vertex(0, 125);
			endShape(CLOSE);
		beginShape();
			fill(173,172,172);
			vertex(38, 124);
			vertex(10, 244);
			vertex(30, 270);
			vertex(48, 240);
			vertex(54, 130);
			endShape(CLOSE);

		//neck
		beginShape();
			fill(155,152,152);
			vertex(216, 559);
			vertex(212, 464);
			vertex(175, 509);
			vertex(118, 540);
			vertex(41, 543);
			vertex(0, 600);
			endShape(CLOSE);

		//cheek shade
		beginShape();
		fill(220,220,220);
		vertex(250, 250);// cheek insert
		vertex(120, 304); 
		vertex(129, 283);
		vertex(123, 243);
		endShape(CLOSE);

		//cheek shade 2
		beginShape();
		fill(198,199,197);
		vertex(250, 250);// cheek insert
		vertex(120, 304); 
		vertex(145, 400);
		vertex(270, 400);
		vertex(176, 505);
		endShape(CLOSE);
		//cheek shade 2
		beginShape();
		fill(198,199,197);
		vertex(250, 250);// cheek insert
		vertex(120, 304); 
		vertex(145, 400);
		vertex(270, 400);
		vertex(176, 505);
		endShape(CLOSE);
		//cheek shade 3
		beginShape();
		fill(198,199,197);
		vertex(308, 261);
		vertex(289, 363);
		vertex(270, 400);
		vertex(127, 422);
		 // cheek insert
		vertex(200, 400);
		vertex(275, 128); // eye edge
		endShape(CLOSE);

	//Embellishments

	strokeWeight(2.5);
	strokeCap(ROUND);
	line(0, 0, 109, 86);
	line(0, 600, 97, 440);

	fill("white");
	stroke(0, 0, 0);
	bezier(200, 200, 100, 100, 90, 90, 15, 80);

	//hair
	fill(91,76,40);
	stroke(0, 0, 0);
	bezier(400, 200, 400, 400, 500, 300, 350, 400);
	fill(91,76,40);
	
	stroke(0, 0, 0);
	bezier(400, 200, 400, 400, 300, 300, 300, 500);
	fill(150,126,69);
	stroke(0, 0, 0);
	bezier(400, 200, 600, 10, 300, 150, 200, 0);
	fill(120,114,97);
	stroke("brown");
	bezier(300, 0, 600, 10, 200, 150, 100, 0);
	fill(120,114,97);
	stroke(0, 0, 0);
	bezier(300, 0, 600, 10, 300, 50, 400, 500);




	
	
	

	
	


}

In this project I wanted to create an abstracted face with vertex points that all connect to one another. Through the course of creating the face however, relying on a effective connectivity program that could input the connection between points at random would be more efficient than manually inputing every value.

Lingfan Jiang – Project 01 – Face

sketch

//Lingfan Jiang
//Section B
//lingfanj@andrew.cmu.edu
//Project-01


function setup() {
    createCanvas(600, 600);
    
}

function draw() {
    scale(0.6);
    background(35);


    fill(255);
    beginShape();
    vertex(433,43.9);
    vertex(423,80.9);
    vertex(411,121);
    vertex(409,167);
    vertex(449,201);
    vertex(443,216);
    vertex(401,244);
    vertex(417,288);
    vertex(392,321);
    vertex(434,344);
    vertex(416,362);
    vertex(387,358);
    vertex(367,355);
    vertex(348,394);
    vertex(367,396);
    vertex(337,441);
    vertex(322,497);
    vertex(302,552);
    vertex(320,590);
    vertex(344,604);
    vertex(368,616);
    vertex(407,626);
    vertex(445,629);
    vertex(436,637);
    vertex(408,647);
    vertex(362,629);
    vertex(331,610);
    vertex(312,613);
    vertex(286,628);
    vertex(297,599);
    vertex(258,587);
    vertex(239,617);
    vertex(248,642);
    vertex(204,658);
    vertex(178,698);
    vertex(204,733);
    vertex(236,756);
    vertex(283,773);
    vertex(313,793);
    vertex(353,789);
    vertex(398,788);
    vertex(425,764);
    vertex(451,739);
    vertex(458,718);
    vertex(484,684);
    vertex(499,666);
    vertex(507,642);
    vertex(525,617);
    vertex(514,625);
    vertex(526,606);
    vertex(534,591);
    vertex(540,634);
    vertex(530,683);
    vertex(518,724);
    vertex(488,768);
    vertex(469,792);
    vertex(436,815);
    vertex(431,850);
    vertex(419,866);
    vertex(387,910);
    vertex(368,914);
    vertex(364,910);
    vertex(325,930);
    vertex(268,941);
    vertex(217,926);
    vertex(161,912);
    vertex(114,883);
    vertex(82.4,851);
    vertex(48,804);
    vertex(20.3,764);
    vertex(1.22,726);
    vertex(0.476,695);
    vertex(2.12,647);
    vertex(8.55,603);
    vertex(23.4,572);
    vertex(37,544);
    vertex(51.7,503);
    vertex(81.7,458);
    vertex(73.5,435);
    vertex(70.4,383);
    vertex(94.4,330);
    vertex(133,286);
    vertex(182,290);
    vertex(215,241);
    vertex(239,190);
    vertex(236,137);
    vertex(183,115);
    vertex(135,82.8);
    vertex(86.8,49.9);
    vertex(36.5,20.8);
    vertex(20.1,1.46);
    vertex(78.3,1.46);
    vertex(137,1.46);
    vertex(195,1.46);
    vertex(254,1.46);
    vertex(312,2.74);
    vertex(371,2.53);
    vertex(429,1.46);
    vertex(488,1.46);
    vertex(483,32.9);
    vertex(433,43.9);
    endShape(); //main head

    beginShape();
    vertex(441,567);
    vertex(459,572);
    vertex(442,584);
    vertex(421,588);
    vertex(402,590);
    vertex(394,603);
    vertex(383,587);
    vertex(369,571);
    vertex(349,565);
    vertex(351,546);
    vertex(362,561);
    vertex(362,548);
    vertex(364,530);
    vertex(382,521);
    vertex(391,523);
    vertex(411,529);
    vertex(399,541);
    vertex(417,551);
    vertex(420,558);
    vertex(426,577);
    vertex(441,567);
    endShape(); //left eye

    beginShape();
    vertex(667,1.46);
    vertex(713,1.46);
    vertex(747,14.6);
    vertex(753,57.8);
    vertex(758,97.7);
    vertex(762,112);
    vertex(774,109);
    vertex(773,71.6);
    vertex(780,31.5);
    vertex(778,4.74);
    vertex(809,2.63);
    vertex(856,2.43);
    vertex(901,9.2);
    vertex(915,5.3);
    vertex(948,9.72);
    vertex(923,30.5);
    vertex(915,35.8);
    vertex(889,55.6);
    vertex(930,33.1);
    vertex(958,6.15);
    vertex(987,2.46);
    vertex(966,21.8);
    vertex(924,43.7);
    vertex(882,64.7);
    vertex(839,84.2);
    vertex(798,106);
    vertex(758,130);
    vertex(750,129);
    vertex(748,86.5);
    vertex(735,66.2);
    vertex(741,87);
    vertex(747,112);
    vertex(731,148);
    vertex(717,148);
    vertex(686,169);
    vertex(640,177);
    vertex(681,157);
    vertex(714,125);
    vertex(704,81.6);
    vertex(691,36.4);
    vertex(667,1.46);
    endShape(); //clothing detail

    beginShape();
    vertex(566,469);
    vertex(574,469);
    vertex(582,481);
    vertex(593,491);
    vertex(591,507);
    vertex(581,519);
    vertex(566,522);
    vertex(558,514);
    vertex(566,500);
    vertex(570,485);
    vertex(566,469);
    endShape(); //ear detail

    beginShape();
    vertex(380,437);
    vertex(373,435);
    vertex(366,431);
    vertex(361,426);
    vertex(368,422);
    vertex(376,419);
    vertex(383,421);
    vertex(391,423);
    vertex(394,429);
    vertex(388,435);
    vertex(380,437);
    endShape(); //nose detail

    var c = color(99, 99, 99); 
    fill(c); 
    noStroke();
    beginShape();
    vertex(165,477);
    vertex(148,468);
    vertex(152,489);
    vertex(165,505);
    vertex(178,519);
    vertex(176,535);
    vertex(195,530);
    vertex(216,526);
    vertex(235,535);
    vertex(246,520);
    vertex(228,524);
    vertex(236,514);
    vertex(246,499);
    vertex(239,481);
    vertex(231,476);
    vertex(212,468);
    vertex(214,485);
    vertex(193,480);
    vertex(186,483);
    vertex(169,494);
    vertex(165,477);
    endShape(); // right eye

    //details
    var c = color(255, 204, 0); 
    fill(c); 
    noStroke();
    triangle(375,560,380,555,380,548);

    var c = color(255, 150, 0); 
    fill(c); 
    noStroke();
    triangle(385,560,380,555,380,548);

    noFill();
    stroke(255, 108, 0);
    arc(385, 557, 10, 10, 0, PI);

    fill(255, 255, 255);
    noStroke();
    quad(200,510,205,516,210,510,205,504);

    stroke(0,0,0);
    strokeWeight(2);
    line(875,35,800,75);

    point(825,42);

    fill(255, 255, 255);
    noStroke();
    ellipse(220,500,5,5);

    fill(0, 0, 0);
    noStroke();
    rect(810,25,3,3);

    noLoop();
    

}

In this project, I decided to incorporate my knowledge from some architecture software. It is quite satisfying to see it worked in the end. However, the only problem is that different from Mathematica axis, the Y axis goes in different directions in Java script. In the end, my face is upside-down, but I guess it makes it special too. Overall, it is very interesting to finish this project cross-discipline!

Lingfan Jiang-LookingOutwards-1

“Rain Room”

This is an interactive artwork exhibited in the Museum of Modern Art called “Rain Room”. When visitors walk through the raining room, the rain would not fall on you. It even gives you the illusion that you are able to control the rain.

I find it admirable because the artwork does not have a certain cultural background to it. The installation could be exhibited anywhere around the world and since it is very cool, it attracts people going to the museum. Consequently, it is given great commercial values.

I believe the fundamentals behind the technology is not very complicated. The sensors just understand the locations of those who entered the room. It is a common technology with a lot of precedents. However, the best idea of the room is that it not only creates a unique experience by adding the rain element but also satisfies people’s desire to share their unusual experience.

If this project proceeds, I hope the visitor would be able to stop the rain using a hand gesture, just like what happens in “Now You See Me”.

cmhoward-01

project-01-face-final2

function setup() {
    createCanvas(600, 550);
    background('lightblue');
}

function draw() {
	//face
	fill('tan');
	noStroke();
	ellipse(275,300,375,375);
	rect(200,300,150,500);
	
	//hair left
	fill(255,255,180);
	noStroke();
	ellipse(100,200,100,100);
	ellipse(100,300,100,100);
	ellipse(100,400,100,100);
	ellipse(100,500,100,100);
	ellipse(135,150,100,100);
	ellipse(135,250,100,100);
	ellipse(135,350,100,100);
	ellipse(135,450,100,100);
	ellipse(135,550,100,100);

	//hair top
	ellipse(200,150,100,100);
	ellipse(275,150,100,100);
	ellipse(350,150,100,100);
	ellipse(350,150,100,100);
	ellipse(425,150,100,100);

	//hair right
	ellipse(475,200,100,100);
	ellipse(440,250,100,100);
	ellipse(475,300,100,100);
	ellipse(440,350,100,100);
	ellipse(475,400,100,100);
	ellipse(440,450,100,100);
	ellipse(475,500,100,100);
	ellipse(440,550,100,100);
	
	//space buns
	ellipse(175,100,150,150);
	ellipse(375,100,150,150);

	//hairbows
	fill('pink');
	ellipse(175,100,25,25);
	ellipse(375,100,25,25);
	triangle(175,100,150,75,150,125);
	triangle(175,100,200,75,200,125);
	triangle(375,100,350,75,350,125);
	triangle(375,100,400,75,400,125);


	//eyes
	fill('white)');
	noStroke();
	rect(200,250,55,25,25,25);
	rect(300,250,55,25,25,25);
	fill('black');
	ellipse(225,262.5,25,25);
	ellipse(325,262.5,25,25);
	stroke('black');
	strokeWeight(5);
	line(205,250,245,250);
	line(305,250,345,250);

	//nose
	arc(275,350,25,25,TWO_PI,PI,OPEN);

	//eyebrows
	quad(195,235,205,230,250,230,205,230);
	quad(355,235,345,230,300,230,345,230);

	//mouth
	ellipse(275,400,75,75);
	fill('white');
	ellipse(275,400,65,65);
	fill('tan');
	noStroke();
	rect(225,350,100,50);
}

this exercise turned out to be more creative problem solving than i initially thought! i can’t wait to learn ways to create 25 ellipses without hard coding each of them.

Studio Drift’s Shylights

While at the Design Museum, the Stedelijk, in Amsterdam, I had the opportunity to experience Studio Drift’s Shylights. These lights resemble flowers: growing, blooming, reacting- all as a part of a carefully choreographed dance. Studio Drift, an artist collective led by Lonneke Gordijn and Ralph Nauta, was inspired by the “constant metamorphosis” of human activity. Using the expression of emotion and character as inspiration, they were interested in applying this attitude to inanimate objects, such as these Shylights.

I am inspired by this project because of the multiple layers of design involved in its creation. The first layer being the visual design and fabrication of the light itself, combined with the layers of responsive coding and software needed to control the light, with the last layer being the expression of their concept: human nature in inanimate objects.

Video of Design, Production, and Performance of Shylights by Studio Drift

Shylight movie by Studio Drift (extended version) from Studio DRIFT on Vimeo.

You can find out more about the project on Studio Drift’s website at http://www.studiodrift.com/work/shylight/

Sarah Yae Project 1 Face

sarahyae-faceportrait

function setup() {
    createCanvas(500, 500);
    background('rgb(216,191,216)');

//face
    fill ('rgb(255,235,205)');
    ellipse (250,250,180,230);

//eyes related
    fill ('white');
    ellipse (215,225,40,20);

    fill ('black');
    ellipse (215,225,19,20);

    fill ('brown');
    arc (215,205, 50,10,PI,0);

    fill ('white');
    ellipse (285,225,40,20);

    fill ('black');
    ellipse (285,225,19,20);

    fill ('brown');
    arc (285,205,50,10,PI,0); 

//glasses 
    noFill ();
    ellipse (215,225,55,30);  
    noFill();
    ellipse (285,225,55,30);
    line (242.5,225,257.5,225)

//nose
    line (250,240,260,275);
    line (260,275,240,275);

//mouth
    fill ('red');
    arc (250,300,60,20, 0, PI);

//hair
    fill ('rgb(51,24,29)');
    rect (160,160,30,250);
    rect (310,160,30,250);
    arc (250,170,170,70,PI,0);

}

function draw() {
}

I used my favorite color, lavender, as the background color. I also added glasses to my self-portrait because I have been wearing glasses since I was 9.

Shirley Chen-Project-01-Face

shirleychen-face

// Shirley Chen
// Section B
// junfanc@andrew.cmu.edu
// Project-01


function setup() {
    createCanvas(600, 600);
    background(255, 171, 187);
}

function draw() {
//hair
	fill(82, 54, 36);
	noStroke();
	rect(151, 182, 299, 298);

//face
	fill(240, 206, 183);
	noStroke();
	rect(190, 150, 230, 230, 20, 20, 80, 80);

//bangs
	noStroke();
	fill(82, 54, 36);
	rect(180, 150, 240, 100);
	fill(82, 54, 36);
	arc(300, 200, 300, 300, PI, 0);
	var x1 = 240,
	x2 = 230,
	x3 = 230,
	x4 = 220;
	var y1 = 250,
	y2 = 190,
	y3 = 190,
	y4 = 250;
	fill(240, 206, 183);
	noStroke();
	bezier(x1, y1, x2, y2, x3, y3, x4, y4);
	var x1 = 295,
	x2 = 300,
	x3 = 300,
	x4 = 310;
	var y1 = 250,
	y2 = 197,
	y3 = 197,
	y4 = 250;
	fill(240, 206, 183);
	bezier(x1, y1, x2, y2, x3, y3, x4, y4);
	var x1 = 375,
	x2 = 380,
	x3 = 380,
	x4 = 390;
	var y1 = 250,
	y2 = 220,
	y3 = 220,
	y4 = 250;
	fill(240, 206, 183);
	bezier(x1, y1, x2, y2, x3, y3, x4, y4);

//eyes
	fill(0);
	var c = color(0);
	fill(c);
	ellipse(250, 300, 35, 35);
	ellipse(360, 300, 35, 35);

//blush
	var c = color(249, 177, 177);
	fill(c);
	ellipse(240, 340, 50, 35);
	ellipse(370, 340, 50, 35);

//mouth
	fill(206, 95, 95);
	noStroke();
	rect(290, 345, 30, 20, 0, 0, 10, 10);

//body
	fill(139, 162, 176)
	rect(160, 410, 280, 400, 70, 70, 0, 0);

//neck
	fill(240, 206, 183)
	rect(280, 380, 40, 30);

//hair relection
	noFill();
	stroke(213, 167, 121);
	strokeWeight(9);
	curve(260, 250, 180, 180, 250, 100, 260, 200);
	strokeWeight(15);
	point(180, 200);

//arms	
	stroke(0)
	strokeWeight(2);
	line(200, 500, 200, 600);
	line(400, 500, 400, 600);
}

This project is really fun to work on! The part that I need to be careful about during the process is the order of writing my code because I need to figure out which part is on the top and which is at the bottom. Keeping track with the coordinates is also important during the process. I enjoy this project!

Shirley Chen-Looking Outward-1

Apparatum is an equipment with digital interface that emits purely analogue sound. The users can edit their soundtrack using the digital interface with symbol that conveyed the cues for the production of the piece. This project is interesting because it visualizes different sounds and gives the sound pieces a visual performance. It makes the using experience more interactive and visible. It has the potential to be a teaching or experiencing machine for people want to know about electronic music and how this kind of music being produced. It might be more effective if it can include more various and complicate sounds instead of just have purely analogue sound. Therefore, this machine can create more interesting music pieces. It can also add melodic operation, so people can do music composition on this apparatus.

Demonstrating the Usage of Apparatum

The User Using Apparatum

Printing Score After Finishing Editing

Sarah Yae Looking Outwards 1

TheRain Room (2012), installed by Random International, is an interactive installation where the audience can walk through the rain, but not get wet. Rather than typical artworks at the museum, this interactive installation allows for audience to immerse themselves with different senses and have an ownership of the artwork. When I first visited the Rain Room,I was taken aback by such a refreshing, unique installation that was never widely introduced before in museums. Walking through this installation put me in a different atmosphere. I have never felt this way towards an artwork before.

This project was made from an organization called Random International. This organization aims to incorporate science and technology to art, in order to create a diverse and unique experience. The project took about 4 years to create, and 8 months to build.

For this project, I think creating this project required the development of custom software because this installation was something very new. This project was apparently inspired by sound. This artwork, I believe, began a trend of museums with interactive installations, which incorporates technology with art.

Rain Room at Museum of Modern Arts at NYC.

The link to Rain Room is: http://www.lacma.org/node/21938.