Michal Luria – Looking Outwards – 01

Writing Without Words / Stephanie Posavec

This project by Stephanie Posavec takes literature masterpieces, and presents a new perspective on the classics we are all familiar with. The project compares different styles between authors, as well as different periods in literature, by presenting each piece in a graphical way:

Faulkner Orwell

In the project, Posavec took the first paragraph of each book and broke it into sentences. Each line represents one sentence in that chapter – the longer the sentence, the longer the line.

I find this work inspiring because it takes a form or art we are familiar with, breaks it down to data, and then creates something completely new. This allows us to think about a masterpiece in an alternative way. Furthermore, the project is handmade, which creates an additional aesthetic layer to it.

In my opinion, the downside of the execution of the project is that it only looks at the first chapter. In many pieces the first chapter is a type of prologue, and does not represent the entire work. A different approach would be to create an average of all the chapters in a piece, and only then represent it in a graphical way.

Credit: http://dar.pressible.org/jihiijolly/writing-without-words

Sarita Chen – Project-01-Face

sarita

function setup() {
    createCanvas(600, 600);
    background(180,165,234);
    
    // text("p5.js vers 0.5.2 test.", 10, 15);
}

function draw() {
	// testing hair?
	noStroke();
	fill(164,55,220);
	ellipse(425,290,360,400);
	fill(164,55,220);
	ellipse(450,500,200,200);
	
	// Head
	noStroke();
	fill(207,33,225);
	ellipse(400,300,290,400);
	// right ear
	noStroke();
	fill(207,33,225);
	ellipse(545,320,120,120);
	// left ear
	noStroke();
	fill(207,33,225);
	ellipse(280,320,120,120);
	// bangs kinda
	fill(164,55,220);
	ellipse(410,159,210,120);
	// left eyebrow
	fill(81,97,211);
	triangle(290,260,330,220,370,260);
	// right eyebrow
	fill(81,97,211);
	triangle(420,260,460,220,500,260);
	// left eye
	fill(81,97,211);
	rect(280,280,90,10);
	
	// right eye
	fill(81,97,211);
	rect(420,280,90,10);
	// nose
	fill(81,97,211);
	triangle(370,360,390,300,400,360);
	// mouth
	fill(81,97,211);
	rect(350,400,90,8)
	// more hair
	fill(164,55,220);
	ellipse(530,240,50,140);
	
	fill(164,55,220);
	ellipse(520,200,60,60);
	
	fill(207,33,225);
	rect(375,470,40,70);
	// shirt
	fill(244,15,229);
	rect(360,540,100,100);
	// sweater
	fill(81,97,211);
	ellipse(510,540,200,90);
	fill(81,97,211);
	ellipse(310,540,160,70);
	fill(81,97,211);
	rect(420,560,180,50);
	fill(81,97,211);
	rect(250,560,120,50);
	fill(81,97,211);
	ellipse(265,560,40,50);
	// hand
	fill(207,33,225);
	rect(210,490,50,100);
	// fingers
	// 1
	stroke(164,55,220);
    strokeWeight(20);
	line(240, 500, 220, 400);
	// 2
	stroke(164,55,220);
    strokeWeight(20);
	line(250, 400, 250, 500);
	// 3
	stroke(164,55,220);
    strokeWeight(20);
	line(240, 570, 210, 500);
	// 4
	stroke(164,55,220);
    strokeWeight(20);
	line(250, 550, 220, 500);
	// 5
	stroke(81,97,211);
    strokeWeight(20);
	line(240, 520, 260, 530);














	
	
	
}

Screen Shot 2016-09-02 at 5.56.22 PM

First: I did a very crude sketch of the shapes that I wanted to use for this self portrait. I didn’t want to use colours for actual skin tone, hair colour etc. so I decided to go off of a purple gradient palette. The peace sign is my go to pose for every situation, so I decided to include it.

mreyes-01-face

Peoject-01-face.js

Screen Shot 2016-09-02 at 4.39.48 PM

click on the nose

Like a few others I started out with a quick drawing with basic shapes. I then used the “Info” tool Photoshop to gather rough coordinates for the shapes. From there I tried to think of every color as a layer and roughly organized the code starting with the pink shapes and then going to yellow ones and then orange. The end result doesn’t look a ton like me but it still has my cheeks.

Vtavarez Face Project-01

sketch<-49.js

//Victor Tavarez
//Section D
//vtavarez@andrew.cmu.edu
//project-01

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

function draw() {

    background(196,53,255);
    //head
    noStroke();
    fill("black"); //hair
    arc(230,190,100,100, PI,PI/100);

    fill(255,153,0); //temple
    quad(190,190,210,180,210,200,190,200);

    fill(250,120,30); //forehead
    rect(200,170,80,30,10);
    
    fill(255,190,10); //lowerTemple
    rect(190,200,70,20);

    fill(255,190,90); //chin
    quad(200,200,270,200,260,260,215,260);

    fill(255,160,120);
    quad(190,220,230,220,215,260,190,240); //left cheek

    fill(255,160,90);
    quad(250,220,280,220,280,240,260,260);

    //nose
    noStroke();
    
    fill(205,200,120);
    
    arc(235,230,10,10,PI/10,PI); //left nostril
    
    fill(260,175,10);// nose tip
    ellipse(242,232,12,12);

    fill(255,200,200); //bridge
    quad(230,220,235,230,245,230,250,220);

    //ears
    fill(255,160,200);
    quad(178,187,190,190,190,220,180,210,10);

    //Glasses
    stroke(10);
    strokeWeight(5);

    fill(153,153,255);
    rect(200,200,30,20,5); //left

    fill(154,160,255)
    rect(250,200,30,20,5); //right

    noFill();
    arc(240,210,19,10,PI,0);

    line(190,200,200,200);

    //lips
    noStroke();
    fill("red");
    triangle(225,250,250,250,240,252);
    triangle(230,250,235,247,245,250);
    triangle(240,250,242,247,250,250);
    noLoop(); //saves computing power

}

Working on this assignment I became better acquainted with some of the P5.js functionalities and limitation. I particularly struggled with layering the code to present itself in the way I needed to. I enjoyed the process of designing what my image would look like, but was disappointed with my limited knowledge to execute the idea. Overall the project was a great learning experience and I am happy to be able to express myself through simple lines of code.

Stephen M. Eckert – Looking Outwards – 1

STEVE OF TOMORROW

Lisa Clair and David Commander operating two of the digital puppets.

Steve of Tomorrow is a digital puppetry and toy theatre performance piece created by David Commander and Rob Ramirez also featuring performances by Lisa Clair and video animation by Janelle Miau.
Using cutting edge video puppetry and David Commander’s signature style of live camera toy Theater, Steve of Tomorrow asks if humanity’s well-being is reflected in the recent explosion of technological advancements. Defying the idealistic promise of the future portrayed in science fiction the piece asks if humanity is instead moving towards a future even more apathetic and vapid than today; if capitalism and technology will one day give us exactly what we want and that we’ll find it just as unfulfilling.
My understanding of the tech is that it utilizes the existing software Max MSP.
The creators were heavily inspired by the designs of social media, particularly the limited emotional range that websites like Facebook and Twitter offer.

ShanWang-LookingOutwards-1

Fig.23.12

The Traces project that I found in the exhibition section of processing website is particularly interesting to me due to its parametric manipulation of the form of everyday materials. Based on the collaborative research of master students and faculties across several academic institutions, Dana Zelig created the project that She explored the “spatial, structural and “geometrical” conditions of letter size polystyrene sheets with both digital tools such as Processing and physical techniques. With light as an activator, the “folding”, or the transformation of the sheet is accomplished through the absortion of heat according to the black line patterns.

Studies and eventually manipulation on the characteristics of light-weight materials like polystyrene can become extremely useful and informative in their application in architectural and industrial design.

However, the fact that the folds are irreversible and the transitory feature of light have resulted in the limitation of this practice. If more researches were be devoted into this project, different activators such as sound, humidity should be tested out so as to broaden the possibilities of future applications various professions.

Traces, Physical Programming of Freeform Folding in Soft Matter. from dana zelig on Vimeo.

Isabella Hong – Project -01

I aimed to create as realistic a self portrait I could for this project. I was very aware of the limitations I faced, given the fact that this would be the first time I was creating something from scratch using Javascript. The final product is a very cartoon like and basic emulation of myself. Overall, the project really forced me to constantly think about the sequence of code. Otherwise, I would not have been able to overlap the elements the way I wanted to.

ijhongproject1

// Isabella Hong
// Section A (Tuesday 9:00AM)
// ijhong@andrew.cmu.edu
// Project-01

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

function draw() {
	background(235, 235, 255);
	// Long Length Hair 
	fill(43, 29,14);
	noStroke();
	rect(145, 200, 310, 400);
	// Basic face shape
	fill(229, 194, 152);
	stroke(210, 180, 140);
	ellipse(300, 275, 300, 400);
	// Neck 
	fill(229, 194, 152);
	noStroke();
	rect(250, 350, 100, 200);
	// Torso
	fill(0, 0, 0);
	stroke(255, 255, 255);
	strokeWeight(2.5);
	rect(250, 525, 100, 300);
	// Clothing
	fill(0, 0, 0);
	rect(99, 561.5, 150, 300);
	rect(350, 561.5, 150, 300);
	fill(0, 0, 0); 
	triangle(250, 525, 250, 663, 100, 563);
	triangle(350, 525, 350, 663, 500, 563);
	//Glasses 
	stroke(87, 22, 22); 
	strokeWeight(7);
	line(155, 225, 445, 225);
	noFill();
	rect(175, 225, 110, 80);
	rect(315, 225, 110, 80); 
	// Eyes
	fill(43, 29, 14);
	noStroke();
	ellipse(230, 267, 20, 20);
	ellipse(370, 267, 20, 20);
	// Nose
	fill(229, 194, 152);
	stroke(210, 180, 140);
	strokeWeight(2);
	smooth();
	quad(302, 277, 282, 352, 302, 365, 317, 352);
	//Birthmark
	fill(210, 180, 140);
	stroke(210, 180, 140);
	noSmooth();
	ellipse(400, 320, 20, 15);
	// Mouth
	fill(244, 194, 194);
	stroke(231, 84, 128);
	angleMode(DEGREES);
	arc(300, 385, 110, 110, 0, 180, CHORD);
	// Top Hair 
	fill(43, 29, 14);
	noStroke();
	angleMode(DEGREES);
	arc(300, 210, 320, 300, 180, 360, CHORD);
	noLoop();

}

Sarah Ransom-Self Portrait

sketch

//Sarah Ransom
//Section C 
//sransom@andrew.cmu.edu
//Self Portrait


function setup() {
    createCanvas(600, 600);
    background(255,204,150);
}

function draw() {
	noStroke();
	fill("brown");
	ellipse(200,280,60,300); //ponytail in the background

	noStroke();
	fill(255, 240, 173);
	ellipse(200,250,200,220); //face
	
	noStroke();
	fill("brown");
	arc(200, 230, 200, 180, PI, TWO_PI, OPEN); //bangs

	noStroke();
	fill("brown");
	ellipse(200,140,50,50); //"ponytail bump"

	noStroke();
	fill('#222222');
	ellipse(160,250,20,30); // left eye

	noStroke();
	fill('#222222');
	ellipse(240,250,20,30); // right eye

	noStroke();
	fill("red");
	arc(200,280,30,40,0,PI); // nose

	noFill();
	stroke(0);
	strokeWeight(3);
	arc(210,320,30,10,0,HALF_PI); //mouth

	noFill();
	stroke(0);
	strokeWeight(2);
	arc(160,265,20,7,0,PI);

	noFill();
	stroke(0);
	strokeWeight(2);
	arc(240,265,20,7,0,PI);


}

This portrait went in a lot of different directions before I settled on the simplest idea. I tried to make it look like I had a ponytail in the background without going for a side angle but I’m not totally happy with how it looks. Finally, I gave myself a red nose and eye bags because I have really bad year-round allergies and I thought it would be a funny/honest depiction of me on a normal day.

Jiyoung Ahn – 01 – Face

sketch

//Jiyoung Ahn
//Section A (9:00-10:20AM)
//jiyounga@andrew.cmu.edu
//Self Portrait


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

function draw() {
    background(247, 146, 97); 

	
//hair down left
	strokeWeight(0);
	fill(0);
	rect(130,246,140,280);

//hair down right
	strokeWeight(0);
	fill(0);
	rect(335,246,140,280);

// hair 
	strokeWeight(0);
	fill(0);
	ellipse(300,250,350,350);

// left ear
	strokeWeight(0);
	fill(243,212,197);
	ellipse(147,300,24,38);

// right ear
	strokeWeight(0);
	fill(243,212,197);
	ellipse(450,300,24,38);

// face
	strokeWeight(0);
	fill(243,212,197);
	ellipse(width / 2, height / 2, 300,300);

//left eye
	strokeWeight(0);
	fill(88,79,75);
	ellipse(250,310,25,25);	
	

//right eye
	strokeWeight(0);
	fill(88,79,75);
	ellipse(400,310,25,25);

//eyebrow left/right
	noFill();
    stroke(3);
    strokeWeight(7);
    arc(250, 275, 30, 1, PI, 0);
    arc(400, 275, 30, 1, PI, 0);

//mouth
push();
	strokeWeight(7);
  fill(244,62,96);
  stroke (244,62,96);
  arc(330,375,50,20,0,PI);
  pop();

//bang
	fill(0);
	translate(210,210);
	rotate(40);
	ellipse(0,0,200,120);
	pop();

//hair end left
	strokeWeight(0);
	fill(247, 146, 97);
	ellipse(200,520,170,50);

//hair end right
	strokeWeight(0);
	fill(247, 146, 97);
	ellipse(400,520,170,50);


    
}

Denise Jiang – Looking Outwards – 1

Screen Shot 2016-09-02 at 5.28.42 PM

http://www.modelo.io/

Before taking Computing for Creative Practices, I was introduced to Modelo, an interative 3D modeling collaboration platform. In one of my architecture course, this platform allows a 3D view of our models, and can easily make sections and even animation. Using the program was very useful in visualising the design, and it is accessible because it runs on a web page. According to their website, an architect and an industrial designer founded Modelo. Their profession were very design-based and they probably have used and compared some different 3D modeling software, such as Rhino and AutoCAD. To my knowledge, architects all know their project very well since they have developed the whole project and modeled digitally. However, others like clients who don’t have access to those modeling software wouldn’t be able to visualize the project in a 3D environment. So the founders of Modelo must experienced that inconvenience in offering a visual presentation to others, and often for presentation there aren’t too many functions required. Rather than making animations, Modelo allows everyone enjoy the project in his own willing. Since it is interactive and web-based, it let communication within the team or with the client easier. During my use of Modelo, I received feedback(screenshots and comments built in the program)from my TA and the professor, and I could also look at other people’s work in a 3D form(I could rotate and make sections as I wish).