Month: August 2019

Taisei Manheim- Looking Outward – 01

The Teletroscope as seen from the New York City side.

The interactive project that I chose was The Teletroscope, an installation during the summer of 2008 in London and New York City by Paul St. George, an artist that is based in London.  Near Tower Bridge in London and similarly positioned by the Brooklyn Bridge in New York were identical telescopes that allowed people to watch those on the other side in real time. These giant telescopes were huge and angled into the ground as to almost give the impression that there was a literal tunnel from London to New York City in which you could see those on the other side.  It was based on a Victorian engineer’s idea of connecting London and New York through a series of lenses and mirrors. This illusion of a giant tunnel under the Atlantic Ocean was made possible by broadband internet cable that transmitted video images between the two venues at a high speed. Paul St. George couldn’t complete this project by himself so he got help from the British arts organization Artichoke.  They loved the project’s idea and thought it would be easy to make, but it ended up costing $787,000.  Historically, the idea of the teletroscope helped to fuel the ideas of technologies, such as TV and the internet and even when this installation was made in 2008, video calling people around the world was not nearly as common as it is now today.

Become Ghalya’s Hair Stylist

sketch

//Ghalya Alsanea
//Section B
//galsanea@andrew.cmu.edu
//Project-01

function setup() {
    
    createCanvas(600, 600);
    background(200,160,200);
    angleMode(DEGREES);
    text('oh no! Ghalya is bald! Help draw her hair..', 200, 50);

    /*I originally created a canvas of 800x800,
    but had to rescale the protrait proportionally
    to fit the 600 constraint on WordPress*/
    scale(0.75);
    
    //neck
    strokeWeight(1);
    stroke(0);
    fill (175, 150, 130);
    rect(325, 600, 150, 200);

    //face
    fill (185, 150, 130);
    ellipse(400, 400, 500, 650);

    //eyeRight
    fill ("white");
    ellipse(300, 300, 100, 65);

    fill (130, 90, 60);
    circle(300, 300, 65);

    //eyeLeft
    fill ("white");
    ellipse(500, 300, 100, 65);

    fill (130, 90, 60);
    circle(500, 300, 65);

    //nose
    fill (175, 150, 130);
    triangle(400, 380, 450, 480, 350, 480);

    //mouth
    fill ("black");
    arc(400, 550, 200, 150, 0, 180, OPEN);


    //eyebrows
    noFill();
    strokeWeight (5);
    arc(300, 260, 100, 50, 200, 340, OPEN);
    arc(500, 260, 100, 50, 200, 340, OPEN);

    //pupils
    fill (0);
    strokeWeight(3);
    stroke(255);
    circle(300, 300, 30);
    circle(500, 300, 30);


}

function draw() {
    //hair 
    strokeWeight(1);
    stroke(0);
    a = random(200);
    fill(130, 90, 60, a);
    circle(mouseX, mouseY, 80);
}

Project 01 – Self-Portrait

For this project, we were asked to create a self portrait using p5.js. I chose to emphasize my curly hair because I believe it is a big part of who I am and how people perceive me.

Paul Greenway – Looking Outwards – 01 – Section A

SYMBIOSIA
Displays that visualize the effects of climate change on nature

This project is a collaboration between artist Thijs Biersteker and scientist Stefano Mancuso that showcases the effects of climate change on nature by using realtime environmental data. Located in the Foundation Cartier in Paris, the installation is composed of multiple displays which present the data as rings of trees with a new ring being generated every second to show the long terms effects of the collected data related to climate change. I thought this project was interesting because of the way it was able to convey the long term effects of climate change in a clear and simple way. By utilizing software to convert the raw environmental data into visible tree rings, the project manages to present relevant information that would otherwise be hard to visualize in an engaging and dynamic way. A project like this shows the possibilities for future installations that combine software and visual representation to create unique experiences.

Video of SYMBIOSIA by Thijs Biersteker and Stefano Mancuso

Timothy Liu — Project01 — Face


I really enjoyed this project as it allowed me to take creative liberties in portraying a few aspects of who I am—an upbeat, fun-loving, Yankees/sports fan—through graphic fundamentals of P5. The coding process was tricky in how long it took to align each of the components I included on the grid system (especially the hat logo), but it was a really rewarding first project.

tcliu-self-portrait

//Timothy Liu
//15-104 Section C
//tcliu@andrew.cmu.edu
//SELF-PORTRAIT

function setup() {
    createCanvas(600,600);
    background("#CAE9F5");
}

function draw() {

    fill("#F5CB9A");
    noStroke();
    rect(260,270,80,50);
    //neck

    fill("#FFD3A1");
    noStroke();
    ellipse(300,200,160,180);
    fill("#FFD3A1");
    noStroke();
    ellipse(220,210,20,45);
    fill("#FFD3A1");
    noStroke();
    ellipse(380,210,20,45);
    //head

    fill("#23120B");
    noStroke();
    quad(218,170,235,170,230,195,218,195);
    fill("#23120B");
    noStroke();
    quad(380,170,365,170,370,195,382,195);
    fill("#23120B");
    noStroke();
    arc(310, 165, 80, 25, TWO_PI, PI, CHORD);
    //hair

    fill(255);
    noStroke();
    arc(270,200,30,25,PI,TWO_PI);
    fill(255);
    noStroke();
    arc(330,200,30,25,PI,TWO_PI);
    fill(0);
    noStroke();
    ellipse(270,193.5,12,12);
    fill(0);
    noStroke();
    ellipse(330,193.5,12,12);
    //eyes

    fill(255);
    noStroke();
    ellipse(270,190,3,3);
    fill(255);
    noStroke();
    ellipse(330,190,3,3);
    //pupils

    fill("#003366");
    noStroke();
    quad(200,320,400,320,410,height,190,height);
    fill("#1261A0");
    noStroke();
    quad(203,443,195,height,202,height,208,447);
    //shirt/body

    fill("#1261A0");
    noStroke();
    arc(300, 320, 95, 50, TWO_PI, PI, CHORD);
    fill("#F5CB9A");
    noStroke();
    arc(300, 320, 85, 40, TWO_PI, PI, CHORD);
    //collar area

    fill("#CAE9F5");
    noStroke();
    triangle(200,320,250,320,190,350);
    //Left shoulder

    fill("#CAE9F5");
    noStroke();
    triangle(400,320,350,320,410,350);
    //Right shoulder

    fill("#003366");
    noStroke();
    quad(105,450,110,500,200,440,200,345);
    fill("#003366");
    noStroke();
    quad(90,350,110,500,150,450,120,340);
    fill("#1261A0");
    noStroke();
    quad(140,415,138,420,200,360,200,349);
    fill("#1261A0");
    noStroke();
    quad(200,349,200,360,257,327,253,324);
    //Right arm

    fill("#003366");
    noStroke();
    quad(495,450,490,500,400,440,400,345);
    fill("#003366");
    noStroke();
    quad(490,500,470,height,430,height,450,400);
    //Left arm

    fill("#FFD3A1");
    noStroke();
    ellipse(105,340,60,55);
    fill("#FFD3A1");
    noStroke();
    quad(83,275,93,315,108,320,95,272);
    fill("#FFD3A1");
    noStroke();
    quad(120,273,108,315,118,330,132,276);
    fill("#FFD3A1");
    noStroke();
    triangle(73,322,77,350,120,308);
    fill("#F5CB9A");
    noStroke();
    quad(73,322,82,348,105,340,94,313);
    fill("#E4B98E");
    noStroke();
    quad(97,335,120,364,133,350,105,327);
    //Right hand (with peace sign)

    fill("#D39972");
    noStroke();
    arc(300,225,10,40,PI,TWO_PI);
    //nose

    fill(255,150,150);
    noStroke();
    arc(300, 235, 60, 60, TWO_PI, PI, CHORD);
    //mouth

    fill("#003366");
    noStroke();
    arc(300,170,165,180,PI,TWO_PI);
    fill("#003366");
    noStroke();
    rect(218,155,190,15);
    fill("#CAE9F5");
    noStroke();
    triangle(381,155,420,170,420,155);
    //hat

    fill(255);
    noStroke();
    rect(285,120,5,25);
    fill(255);
    noStroke();
    rect(310,120,5,25);
    fill(255);
    noStroke();
    quad(290,120,315,142,310,145,287,126);
    fill(255);
    noStroke();
    quad(290,105,300,118,300,123,287,111);
    fill(255);
    noStroke();
    quad(310,105,300,118,300,123,313,111);
    fill(255);
    noStroke();
    rect(297.5,120,5,28);
    //logo on hat
   
}

Austin Garcia – Looking Outwards – 01 – Section C

Virtual Nature by Toyo Ito Architects

I had the opportunity to visit the 2019 Venice Architecture Biennale this past year. The overall concept for the Biennale was that of ‘Freespace’ – defined by the Biennale committee as architectural space that was given back to the community, back to humanity and freed for new opportunity. I was particularly inspired by Toyo Ito’s “Virtual Nature” installation while exploring the Arsenale exhibition hall. In this installation, Toyo Ito removed a part of the space by encircling it in an opaque curtain with a single entrance. Projected along the interior wall of this curtain were many technologically generated renders of wave forms. visible from all directions on the many beanbags lining the floor, the visual intricacy of these computer generated wave forms gave a feeling of serenity and tranquility like that of being under the sea.

Through understanding of people and what spaces we enjoy, nature and its connection to us all, and technology with its infinite versatility and adaptability, Toyo Ito created a space that suggests a future where these three subjects mesh beyond what we currently can imagine.

Toyo Ito Biennale Web Entry

Emma Nicklas-Morris Project-01 Face

Emma’s self portrait

/* 
Emma Nicklas-Morris
Section B
enicklas@andrew.cmu.edu
Self-portrait
*/

function setup() {
	createCanvas(600,600);
	background('#ADD8E6');
	// Face shape
	strokeWeight(0);
	fill('#E0AC69');
	ellipse(300, 300, 280, 330); 
	// Mouth
	fill('#E77471');
	arc(300, 365, 120, 80, 0, PI); 
	// Nose 
	fill('#C58917');
	triangle(275, 325, 300, 275, 325, 325); 
	// White of eyes
	strokeWeight(2);
	fill('white');
	ellipse(240, 240, 50, 25);  
	ellipse(360, 240, 50, 25);
	// Pupils
	fill('black');
	ellipse(240, 240, 20, 20);  
	ellipse(360, 240, 20, 20);
	// Hair
	strokeWeight(0);
	arc(363, 225, 250, 230, PI + QUARTER_PI, TWO_PI + QUARTER_PI); 
	arc(320, 270, 340, 290, PI, PI + HALF_PI, OPEN);
	rect(420, 250, 65, 300);
	rect(140, 210, 45, 340);

}

The hardest challenge for me besides not being able to get a more accurate depiction of myself with only using about 10 shapes was figuring out how to use arc. Specifically the parameters start and end.

Face Project

ikaneko face project

function setup() {
    createCanvas(600, 600);
    background(200,200,255);

    noStroke();

    fill(250, 130, 170);
    ellipse(300, 300, 600, 600);

    fill(240, 220, 100);
    ellipse(300, 300, 500, 100);

    ellipse(300, 300, 100, 500);

    ellipse(120, 120, 100, 25);
    ellipse(120, 120, 25, 100);

    ellipse(480, 120, 100, 25);
    ellipse(480, 120, 25, 100);

    ellipse(120, 480, 100, 25);
    ellipse(120, 480, 25, 100);

    ellipse(480, 480, 100, 25);
    ellipse(480, 480, 25, 100);

    fill(250, 235, 213);
    ellipse(300, 300, 200, 220);

    fill(140, 185, 220);
    arc(300, 300, 200, 220, PI, 0);

    fill(240, 240, 200);
    arc(300, 300, 100, 100, PI, 0, CHORD);

    fill(140, 185, 220);
    rect(250, 285, 100, 15);

    fill(0);
    ellipse(265, 320, 15, 10);
    ellipse(335, 320, 15, 10);

    stroke(0);
    strokeWeight(3);
    line(270, 365, 330, 365);
   


   }

For this project, I quickly realized that I didn’t have the experience to be able to make anything very detailed or accurate. I decided to go for more of a cartoonish south park style self portrait.

Chelsea Fan-Looking Outwards-01

Helen Wilde creates ocean landscapes through on 3D embroidery hoops. She uses colors and shapes that resemble plant life from around the world. Her work ranges from large hoops to small hand-sized hoops. Wilde creates her embroidery hoops solo and uses online resources like Instagram and Etsy to promote and sell her work. Her recent line of hoops was inspired by the “Tropical Modernism of Sri Lanka”.

I find this project admirable because of its uniqueness and intricacy. However, because of the fine detail, each embroidery is quite pricey. Therefore meaning it is not affordable to all, even if it is desired. On that note, because it is so unique and intricate, I do believe Wilde created a product that is beautiful and probably desired by others.

https://www.thisiscolossal.com/2019/08/embroideries-by-helen-wilde/
Image of Ocean Inspired Embroidery Hoop by Helen Wilde
https://www.brwnpaperbag.com/2018/02/12/helen-wilde-embroidery-art/
Image of Terrarium Inspired Embroidery Hoop by Helen Wilde

Helen Wilde Botanical Design Embroidery Hoops video can be viewed at the bottom of her Etsy shop. Link: https://www.etsy.com/nz/shop/ovobloom

Steven Fei-Project01- Face


sketch

function setup() {
    createCanvas(600, 600);
    background(147,201,149);
   
}

function draw() {
    
    //body
    fill(120,29,29);
    strokeWeight(1);
    rect(110,445,420,400,95,80);
    strokeWeight(1)
    fill(225,183,129);
    triangle(230,450,330,700,430,450);
    strokeWeight(0);
    fill(242,206,160);
    triangle(240,450,330,650,415,450);
    
    fill(255);
    arc(200,550,40,40,0.5*PI,PI+0.5*PI,CHORD);
    fill(0);
    arc(200,550,40,40,PI+0.5*PI,0.5*PI,CHORD);
    fill(255);
    arc(200,540,20,20,PI+0.5*PI,0.5*PI,CHORD);
    fill(0);
    arc(200,560,20,20,0.5*PI,PI+0.5*PI,CHORD);
    fill(255);
    ellipse(200,560,5,5);
    fill(0);
    ellipse(200,540,5,5);
    
    //ear
    strokeWeight(0);
    fill(255,220,169);
    ellipse(130,294,50,60);
    ellipse(505,294,50,60);
    //noStroke();
    //face
    strokeWeight(1);
    stroke(0);
    fill(255,222,171);
    ellipse(322,280,340,453);
    
    //nose
    noFill();
    strokeWeight(1);
    stroke(34,34,34);
    line(320,240,350,333);
    
    stroke(0);
    line(350,333,330,345);
    strokeWeight(1.5);
    stroke(0);
    line(330,345,315,348);
    
    //mouth
    arc(327,380,80,20,0-0.1*PI,PI,OPEN);
    
    //eyes
    stroke(0.5);
    fill(255);
    arc(242,230,100,40,PI,TWO_PI,OPEN);
    stroke(1);
    noFill();
    arc(242,230,100,40,0,QUARTER_PI,OPEN);
    noStroke();
    fill(255,222,171);
    ellipse(242,230,95,35);
    fill(0);
    ellipse(260,230,16,16);
    
    noStroke();
    fill(255);
    arc(390,230,100,40,PI,TWO_PI,OPEN);
    stroke(1);
    noFill();
    arc(390,230,100,40,PI,PI-QUARTER_PI,OPEN);
    noStroke();
    fill(255,222,171);
    ellipse(390,230,95,35);
    fill(0);
    ellipse(360,230,16,16);
    
    //hair
    fill(0);
    quad(137,157,127,260,150,297,170,200);
    
    //hat
    strokeWeight(1);
    fill(71,74,90);
    arc(290,140,350,250,PI-0.19*PI,TWO_PI,PIE);
    strokeWeight(9);
    stroke(7,15,55);
    fill(255,222,171);
    arc(360,160,200,120,PI,TWO_PI,OPEN);
    
    //eyebrow
    stroke(0)
    strokeWeight(8);
    line(215,180,306,175);
    line(345,179,430,175);
    
    
    
    
    
}

Steven Fei-Looking Outwards-01

Maths and computations lend creative power to artistic and architectural designs.

Math Museum Interior Installation

Three years ago, I was amazed by Zaha Hadid’s design of the Mathematics Gallery at the Science Museum in London. Inspired by aircrafts, the interior membrane installation stands elegantly and shows a strong sense of movement and evolution. Such a practice indicates the strong influence of technology on the environment and the space that people experience. Designed by a team of more than ten people, the form was scripted and paramatrically controlled to achieve an ideally continuous and complex shape. Moreover, the design suggests an enlightening future for artistic creations aided by algorithms. Strongly influenced by such new technology, I use an algorithmic design tool called Grasshopper a lot in my architectural designs and formal explorations.

Article for more information from Archdaily