Month: September 2016

Project-01-Face

self portrait

/*Emma Shi
Section B
eyshi@andrew.cmu.edu
Faces Project 1
*/

function setup() {
    createCanvas(600, 600);
    background(239, 216, 219);
}

function draw() {

	fill(0);
	beginShape();
	curveVertex(200,100);
	curveVertex(300, 90);
	curveVertex(400, 100);
	endShape();

	fill(226, 195, 180);
	noStroke();
    ellipse(300, 260, 250, 300);//face

    fill(226, 195, 180);
    noStroke();
    rect(270, 350, 60, 140);//neck

fill(255, 255, 255);
    ellipse(356, 238, 40, 40);//right eye 
    fill(255, 255, 255);
    ellipse(256, 238, 40, 40);//left eye

    noFill();
    stroke(42, 21, 0);
    strokeWeight(3);
    arc(229, 200, 90, 1, 0, HALF_PI);//left eyebrow

    noFill();
    stroke(42, 21, 0);
    strokeWeight(3);
    arc(333, 200, 90, 1, 0, HALF_PI);//right eyebrow

    noFill();
    stroke(25, 18, 8);
    strokeWeight(6);
    arc(300, 280, 260, 358, 84.88, 201, HALF_PI);//hair outline

    noFill();
    strokeWeight(6);
    arc(300, 300, 260, 358, 84.88, 201, HALF_PI);//hair outline

    noFill();
    strokeWeight(6);
    arc(300, 290, 260, 358, 84.88, 201, HALF_PI);//hair outline

    noFill();
    strokeWeight(6);
    arc(300, 295, 260, 358, 84.88, 201, HALF_PI);//hair outline    

    noFill();
    strokeWeight(6);
    arc(300, 285, 260, 358, 84.88, 201, HALF_PI);//hair outline

    noFill();
    strokeWeight(3);
    arc(356, 238, 44, 45, 380, 50, HALF_PI);//right eye liner

    noFill();
    strokeWeight(3);
    arc(256, 238, 44, 45, 380, 50, HALF_PI);//left eye liner

    noStroke();

    fill(0);
    ellipse(266, 239, 20, 20);//right eye pupil

    fill(0);
    ellipse(366, 239, 20, 20);//left eye pupil

    fill(285, 285, 285);
    ellipse(266, 239, 5, 5);//right eye pupil light

    fill(285, 285, 285);
    ellipse(366, 239, 5, 5);//left eye pupil light

noStroke();
    fill(230, 160, 138);
    ellipse(300, 300, 40, 20);//nose

    fill(245, 173, 199);
    ellipse(242, 296, 50, 40);//left cheek

    fill(245, 173, 199);
    ellipse(362, 296, 50, 40);//right cheek

    fill(226, 195, 180);
    ellipse(174, 280, 24, 60);//left ear

    fill(230, 180, 128);
    ellipse(174, 280, 14, 40);//left inner ear

    fill(285);
    ellipse(174, 300, 14, 14);//left earring

    fill(226, 195, 180);
    ellipse(425, 280, 24, 60);//right ear

    fill(230, 180, 128);
    ellipse(425, 280, 14, 40);//right inner ear

    fill(285);
    ellipse(425, 300, 14, 14);//right earring

    fill(25, 18, 8);
    ellipse(300, 70, 80, 80);//hair bun

    fill(285)
    stroke(241, 95, 140);
    strokeWeight(4);
    arc(300, 340, 70, 70, 0, PI, CHORD);//teeth

	}

To create this image, I used simple graphic elements such as ellipses, rectangles, and arcs. The earrings were just some extra (yet very simple) bedazzling.

This project helped me learn some of the most basic elements of sketching using p5.js, and I hope to use this as a starting point to be able to create more complex sketches throughout this course.

BurgessKate-LookingOnwards01

Computer animations have always been inspiring to me. As a child, I was hypnotized by the worlds that were created from nothing. The project that pushed me to take this class is a Pixar animated short called “Piper”. “Piper” is the story of a baby sanderling learning how to find oysters. Through this short, Pixar has managed to created extremely life-like images as well as tell a story without words and in a short amount of time. “Piper” was created by various teams of writers and animators spearheaded by director Alan Barillaro. The strategy behind the creation of the characters is what really interests me. Instead of creating human-like attributes on animals, such as adding eyebrows, “Piper” uses exaggerated attributes to allow connection to the characters while keeping their animal-like figures. In order to do this, the team turned to nature for inspiration, following sanderlings and taking pictures. The attention to detail is also outstanding. There are 4.7 to 7 million feathers on each bird in the short. Nevertheless, this took years to create using innovative perspectives on existing technology like Maya. “Piper” brings forward the possibility of even more detailed and imaginative animated shorts in the future.

Self Portrait-sehenry-01

While completing this project, I wanted to grasp the features of myself that I believe make me stand out. I have a high top fade that shows a lot of my hair and I have big lips, so I wanted to make my mouth large. I wanted to add an ear into my portrait but I had a very hard time making it look realistic so I just accepted that half a circle would do for now! When I post this picture to my blog, some of the lines on my eyes and my nose become thicker than what they were originally and I don’t know why but I still think the picture looks good for one of the first projects!

-Seth Henry
Section B
Assignment-Self Portrait

sketch




//Seth Henry

//Section B (Tuesdays 10:30)

//sehenry@andrew.cmu.edu

//Assignment-01







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

function draw() {
	background(121, 202, 237);
	fill(50);
    rect(120, 30, 260, 220);

    fill(232, 83, 37);
	ellipse(250, 600, 530, 420);
	fill(212, 178, 144);
	 triangle(172, 400, 250, 450, 328, 400);
 	fill(212, 178, 144); 
	ellipse(250, 250, 300, 350);
	fill(255, 255, 255);
	ellipse(200, 200, 40, 40);
	fill(255, 255, 255);
	ellipse(300, 200, 40, 40);
	line(240, 215, 225, 230);
	line(225, 230, 250, 230);
	line(240, 215, 240, 200);

	fill(122, 81, 4);
	ellipse(200, 200, 20, 20); 
	
	fill(122, 81, 4);
	ellipse(300, 200, 20, 20); 
	strokeWeight(10);
	point(200, 200);
	fill(240, 113, 185);
	strokeWeight(10);
	point(300, 200);
	fill(50, 30, 30);
	line(180, 140, 230, 140);
	line(300, 160, 350, 160);
	fill(212, 178, 144); 

	strokeWeight(2);
	arc(365, 250, 80, 60, 5, 1.142, PI+QUARTER_PI, CHORD);
	fill(255, 255, 255);
	strokeWeight(5);
	arc(220, 300, 140, 140, 0, PI, CHORD);
	strokeWeight(5);
	line(215, 400, 215, 420);
	line(230, 405, 230, 425);
	line(245, 410, 245, 430);
	strokeWeight(2);
	line(160, 330, 280, 330);
	strokeWeight(2);
	line(190, 300, 190, 360);
	line(220, 300, 220, 370);
	line(250, 300, 250, 360);
	line(160, 280, 210, 280);
	line(230, 280, 280, 280);

	}

Soyunk – project 01 – face

sketch

//Soyun Kim
//Section D
//soyunk@andrew.cmu.edu
//Assignment-01

function setup() { 
   createCanvas(600,600);
   background(52,32,12);
}

function draw() {
    fill(206,178,92);
    strokeWeight(5);
    stroke(206,178,92);
    rect(190,500,220,100);
   
    fill(229,198,103);
    strokeWeight(5);
    stroke(229,198,103);
    ellipse(300,300,370,500);
    
    ellipse(110,315,55,105); //ear
    ellipse(488,315,55,105);
    fill(206,178,92);
    ellipse(110,308,30,50);
    ellipse(488,308,30,50);
   
    fill(52,32,12);
    quad(130,250,160,230,240,230,260,250);
    quad(335,250,355,230,440,230,465,250);
   
    fill('white');
    ellipse(195,285,90,42);
    ellipse(400,285,90,42);
   
    fill('black');
    ellipse(195,285,20,20);
    ellipse(400,285,20,20);

    fill(206,178,92);
    noStroke();
    triangle(276,363,302,258,329,363);
    ellipse(285,364,34,34);
    ellipse(318,364,34,34);

    fill(237,21,86);
    noStroke();
    triangle(230,430,287,412,311,430);
    triangle(295,430,319,412,376,430);
    quad(270,470,230,430,303,445,303,470);  
    quad(303,470,303,445,376,430,340,470);   

    fill(52,32,12);
    arc(43,47,596,370,0,HALF_PI); 
    arc(490,53,320,366,HALF_PI,PI);  

    


}

I wanted my background to be my hair and give a contrast to my round face and depict the lips and eyebrows pretty similar to my own. The main thing I struggled with the most was the process of creating the arcs to make my hair line.

GraceSimmons-LookingOutwards-01

21 Balançoires (21 Swings) is an interactive artwork installation set up each spring in Montreal. The project involves a giant swingset, and participants use their bodies to prompt the notes to play; the project encourages cooperation because swings moving in different alignments create different melodies. The colors of the swings indicate which instrument is playing (piano, harp, guitar, vibraphone) and the pitch is determined by the height reached. It’s a project from the creative group Daily Tous Les Jours, headed by Mouna Andraos and Melissa Mongiat, and their team of 30+ people including design, conceptual, technological, and programming experts. It uses custom software – each swing has a sensor that networks its position and relays this information to a computer via a fiber optic data link. Continuous monitoring allows for adjustment of volume depending on time of day.

swings

I admire this piece because of its intent, which was to bring the drab urban environment alive with lots of people working together and conversing in pursuit of a playful, engaging goal. However, I do believe the placement of the swings could be even closer together, to promote more conversations and exchanges. The artists were probably inspired by previous works that focus on urban engagement, such as numerous billboard projects that film live crowds, or walkways that light up in various ways depending on crowd movement. For the future, I think this project shows that items that are often overlooked or ignored (like playground equipment) can be easily modified with technology to inspire strangers to partake in something outside the realm of their daily routines.


http://awards.ixda.org/entry/2013/21-balancoires/
http://www.dailytouslesjours.com/project/21-balancoires/

Looking Outwards 01

“Loved” is a short story told in the format of a platformer type video game. It was created by Alex Ocias using Flash, Pixelmator, and Audacity. The purpose of its creation was to see if games could present a story in a meaningful way like books and movies do, and to get people to really think about the games they were playing. Ocias was able to create the story in just a month, and since its release in 2010 the game has been played over 5 million times. Hopefully this means that others will take inspiration and make other emotionally-charged, meaningful games and that video games will be seen as a legitimate form of storytelling. Ocias himself was inspired by games like The Last Guardian and Deus Ex: Human Revolution, as well as game companies Thatgamecompany and Edios Montreal. The gameplay, while being quite simplistic, quickly becomes irrelevant once you begin playing. You’re completely immersed in the story, and even the less-than-perfect controls can’t overshadow that. I’d highly recommend this game to anyone – it only takes max 15 minutes, and is best if you play alone and with the sound on.

You can play the game here. (Please note that this game deals with heavy subjects such as abuse, and in the words of Ocias, “contains content that some players may find disturbing”)

loved_splash_alt2

Rebecca Enright-Looking Outwards-1

The Buddhabrot Technique was developed by Melinda Green and Lori Gardi, who named it such because of the image’s resemblance to Buddha.

Rendering from Metablake

This technique derives from the Mandelbrot, and, as creator Melinda Green stated, it is basically “a different way of representing the Mandelbrot set.” What she did was take the points used in the Mandelbrot set and randomize them to get this complex image. It took quite a long time to complete, as the “third eye,” (the particularly bright circle centered at the top of the “head”), alone took an entire “long weekend,” which is presumably three days, to complete. That being said, the significance is that certain parts of this, such as the “third eye,” could not even be seen in the Mandelbrot set, so ultimately this creation has opened up a new way to look at the old information.

This creation is truly magnificent and beautiful, and this Youtube video also highlights the “mini-Mandelbrot” components that surround the bigger and more in-depth Buddhabrot.

Works Cited

Bourke, Paul. The Buddhabrot. paulbourke.net. November 2000. 1 September 2016. <paulbourke.net/fractals/buddhabrot/>.

Computational Art. Metablake. 2014. 1 September 2016. <metablake.com/b/Computational_Art.html>.

Green, Melinda. The Buddhabrot Technique. Superluminal.com 1 September 2016. <superliminal.com/fractals/bbrot/bbrot.html>. 

SiminLi-PROJECT-01-FACE

Simin-portrait
I started out with a sketch on my notebook and used 16 elements in my drawing. I wanted to make the hairline more natural but noticed the arc function only allowed a few combinations.

// Simin Li
// Section C
// siminl@andrew.cmu.edu
// Assignment-01
    function setup() {
    createCanvas(600, 600);
  background(231,168,147);
    text("This is Simin.", 430, 590);
}

function draw()    {
	 
	 noStroke();
	 fill(229,183,147	)	; //1
	ellipse(300,300,300,300);

	fill(0)	; //2
	arc(300,300,300,300,PI+QUARTER_PI,TWO_PI,OPEN);

	fill(0)	; //3
    arc(300,300,300,300,PI+HALF_PI,QUARTER_PI,OPEN);

	fill(0)	; //4
	triangle(390,180,425,102,480,180);

	fill(219,9,59	)	; //5
	triangle(390,180,360,180,375,206);
	triangle(390,180,420,180,405,154);

	fill(0)	; //6
	arc(230,260,60,60,PI,TWO_PI,CHORD);

	noStroke();
	fill(252,253,255)	; //7
	ellipse(230,260,43,43);

	fill(0)	; //8
	arc(230,260,25,25,QUARTER_PI,TWO_PI,PIE);

    noStroke();
	fill(229,183,147)	; //9
	quad(150,300,120,360,180,380,200,300);

    strokeWeight(15.0);
    stroke(177,31,31);
	fill(228,95,136	)	; //10
	ellipse(200,390,30,50);
    
    strokeWeight(4.0);
    stroke(0);
	fill(249,191,149)	; //11
	arc(320,300,50,50,PI+HALF_PI,HALF_PI,OPEN);

    strokeWeight(6.0);
    stroke(0);
	fill(60,158,222	)	; //10
	ellipse(320,325,11,11);
    
    strokeWeight(3.0);
    stroke(0);
    line(406,404,402,420);
    line(406,404,408,420);
    line(406,404,413,419);
    line(406,404,418,418);
	 noLoop();
}

Diana Connolly – Looking Outwards – 1

maxresdefault

Temperamental Stairs @ The Children's Museum of Pittsburgh from Agnes Bolt on Vimeo.

Temperamental Stairs is an interactive art piece at the Children’s Museum here in Pittsburgh, PA. The staircase that takes patrons from the first floor to the second floor of the museum emits recordings of people’s voices (mostly children’s) when patrons step on each of the steps on the staircase. Different recordings play per step, and the recordings have been taken from different interactions in the museum itself. The artists created this art piece using “Sensor pad system, VCT, speakers, Midi controller, computer, and 330 audio clips”

This project inspires me because I love interactive art that anyone can approach. When I’ve visited the museum, very young children up through their older grandparents all enjoy this piece. It grants the staircase a fun element that it would not have had before. I think that the creators accomplished a playful aspect in the stairs, but I would have liked to have had a bit more of a story involved in the progression of the stairs. In addition, although this piece is fun and playful, some people find the tone of the voices a bit creepy sometimes. Perhaps a bit more selectivity in choosing the audio clips would benefit this project. I wasn’t able to find the artist’s exact thought process or inspiration for this project, but this piece does relate to the idea of interactive staircases in general. For example, an interactive staircase mimicking a piano was installed in a train station in Stockholm, Sweden in 2009 to encourage people to take the stairs over the escalator (below).

piano-stairs-stockholm-sweden

PROJECT-01-FACE

sketch

//Lydia Jin
//Section B
//jialuj@andrew.cmu.edu
//Project-01

function setup() {
    createCanvas(500, 500);
    background(220);
   
}

function draw() {
	noStroke();
    //hair
    fill(118,70,18);
    rect(185,170,130,120);
    //body
    fill(25);
    triangle(130,500,250,260,370,500)
    //face
    fill(247,204,170);
    ellipse(250,180,120,180);
    //neck
    fill(247,204,170);
    rect(240,265,20,20);
    //hat
    fill(206,180,180);
    ellipse(250,160,300,20);
    ellipse(250,130,150,80);
    fill(0);
    rect(180,148,140,4.8);
    //eyes
    fill(31);
    ellipse(220,185,10,20);
    fill(31);
    ellipse(280,185,10,20);
    //nose
    fill(230,183,155);
    ellipse(250,210,10,30);
    //mouth
    fill(224,62,18);
    ellipse(252,250,15,10);
    //ears
    fill(247,204,170);
    ellipse(190,200,5,20);
    ellipse(310,200,5,20);
    //sun
    fill(255,239,0);
    ellipse(470,20,200,200);
}

The portrait of myself is quite simple and it shows me walking on a sunny day wearing a hat.