Month: August 2019

Erin Lim – Looking Outwards- 01 Section D

Video documentary of Magic Leap’s AR video game Dr. Grordbort’s Invaders. Source: Next Reality: Hands-On with Magic Leap & Weta Workshop’s Dr. Grordbort’s Invaders by Adario Strange

This is a fascinating project developed by New Zealand studio Weta Workshop and partnered by Magic Leap.  It was actually a WIP for nearly a decade, when Magic Leap CEO Rony Abovitz met with Weta Workshop’s CEO Richard Taylor to introduce and develop this video game.  In this game, users experience an AR gaming experience using Magic Leap technology in their surroundings.

To start, users use Magic Leap One to map out their surrounding walls, floors, and furniture.  A spatial audio guides them to map out the room and not to let too much light in, or else the mapping will pause. The Control device acts as a weapon, and the author of this article reported the tracking was accurate 85% of the time.

One cool feature is how you can use your hand not holding a device as a shield, and may even feel a tingle.  The game tracks your hand and allows you to use your physical hand in the AR game.  This is particularly interesting because it points to a future that holds the intertwining of physical human touch with AR. This can especially be seen in the workplace, home, and public space/services. Another feature I admire is the crispness and vividness of the designs.  The main character, Dr. Grordbort, is seen translucent, while the rest of the bots are perfectly vivid.  This is fascinating how designers/programmers can create the difference in texture and precision in these AR figures.

Kristine Kim- Looking Outward-01

“The More you Connect the Less you Connect” is a project based on memory fragmented nature and an interactive meditation on childhood and memory mechanism. This piece was part of the School for Poetic Computation 2019 Spring Session Showcase, NYC. I was drawn into this video installation because the film itself contained a lot of distortion and abstract editing, which is very similar to my style as an artist. The artists use their family and raw footages from a VHS family video from the 1990s as their main subject. Even though the film itself is very loud and energetic, this piece is very strangely soothing to me. The usage of physical colored cables and the user being able to plug them in and out was very appealing to my eyes. More than a critique, I wonder how this project would be like if the scale was more monumental so that it could convey the feeling of being consumed into the “memories” of the past.

Carly Sacco – Self Portrait

sketch

//Carly Sacco
//Section C
//csacco@andrew.cmu.edu
//Project-01: Self Portrait (Face)

function setup() {
  createCanvas(600, 400);
  background(187,191,223)
  
  stroke('white')
  strokeWeight(15)
  line(20,0, 20,400)
  line(80,0, 80,400)
  line(140,0,140,400)
  line(200,0,200,400)
  line(260,0, 260,400)
  line(320,0, 320,400)
  line(400,0,400,400)
  line(460,0,460,400)
  line(520,0,520,400)
  line(580,0,580,400)
  noStroke();
  
  stroke(197,197,197)
  strokeWeight(5)
  line(25,0,25,400)
  line(85,0,85,400)
  line(145,0,145,400)
  line(205,0,205,400)
  line(265,0, 265,400)
  line(325,0, 325,400)
  line(405,0,405,400)
  line(465,0,465,400)
  line(525,0,525,400)
  line(585,0,585,400)
  noStroke();
}

function draw() {

  //dress
  fill(148,148,148);
  rect(215,220,170,300,90,90,15,15);
  strokeWeight(1);
  
  //right arm
  noFill(148,148,148);
  stroke(1);
  arc(306,335,135,80, 0, 3.14/2);
  arc(306,325,100,60,0, 3.14/2);
  
  //left arm
  noFill();
  stroke(1);
  arc(260,340,60, 30, 3/4, 3.14);
  arc(254,357,70,40, 3/4, 3.14);
  
  //hair
  noStroke();
  fill(93,66,45);
  rect(230,90,140,200,40,40,0,0);
  stroke(1);
  
  //neck
  fill(190, 129, 102);
  rect(280,200,40,40);
      
  //hair on shirt
  noStroke();
  fill(148,148,148);
  rect(280,240,40,50);
  stroke(1);
  
  //head
  fill(194,137,112);
  rect(250,100,100,110,30,30,80,60);
  
  //hair on top of head
  noStroke();
  fill(93,66,45);
  arc(290,115,110, 50, 3.14*.75,0, CHORD);
  
  fill(93,66,45);
  arc(335,115, 60, 30, 160, 20, CHORD);
  stroke(0);
  
  //eyes
  fill('black');
  ellipse(280,150,15,10);
  ellipse(320,150,15,10);
  
  fill('white');
  ellipse(280,150,5,5);
  
  fill('white');
  ellipse(320,150,5,5);
 
  //nose
  noFill(194,137,112);
  stroke(5);
  arc(300,165,10,5, 1.57, 3.14);
  
  //mouth
  noFill();
  strokeWeight(2);
  arc(300,185,40,20, 0, 3.14);
  strokeWeight(1);
  
  //flower stem
  fill('green');
  rect(285,330,10,80);
  
  //flower
  noStroke();
  fill(249, 191, 47);
  rect(267,295,45,45);
  
  quad(288,285,315,320,285,350,260,320);
  
  fill('brown');
  ellipse(287,319,17,17);
  stroke(1);
   
  //hand
  fill(206,160,140);
  rect(270,350,40,30,15,15);
}

Through making this self portrait I learned how useful some of the simple components can be used to create different shapes to represent myself.

Zee Salman-Looking Outwards-01

I watched my best friend code in 112 for the first time last year and it inspired me you also learn how to code. I would see them work on their 112 projects during the end of the fall semester and would just be in awe. It was so cool I remember a project that was interactive by using hand motions and head motions and it was all done with code. The graphics were amazing and it really inspired me to do some type of coding at CMU. This project was really fun, It took some time and I struggled a lot but in the end, I created something that I thought was pretty cute. I would definitely want to go back and tweak when I have honed other skills from 104 and have gained new knowledge that I can use to improve it. One thing I look forward to in future classes and assignments is more ways to make the final project interactive or exciting.

Project – 01 – Face


face

/*		Austin Garcia
		Section C
		aegarcia@andrew.cmu.edu
		Project - 01
*/
function setup() {
    createCanvas(600, 600);
    background(200);

    strokeWeight(0);
    rect(150, 400, 200, 450);

    strokeWeight(1);


    ellipse(300, 300, 360, 440);

    arc(220, 250, 80, 80, 0, PI + QUARTER_PI, CHORD);
    arc(400, 250, 80, 80, 0, PI + QUARTER_PI, CHORD);

    fill(77, 31, 10);
    strokeWeight(0);
    ellipse(230, 270, 25, 25);
    ellipse(414, 270, 25, 25);


    stroke(77, 31, 10)
    noFill();
    strokeWeight(25)
    bezier(180, 140, 250, 50, 350, 150, 380, 100);
    bezier(180, 145, 250, 50, 350, 150, 390, 110);
    bezier(180, 145, 250, 90, 350, 100, 400, 110);
    bezier(150, 180, 250, 90, 350, 100, 400, 110);
    bezier(150, 180, 250, 90, 350, 90, 400, 110);
    bezier(180, 140, 250, 50, 350, 150, 400, 90);
    bezier(180, 140, 250, 50, 350, 150, 400, 90);
    bezier(180, 140, 250, 50, 350, 80, 380, 100);

    strokeWeight(2)
    line(320, 260, 340, 390)

    fill(194, 114, 107)
    ellipse(300, 440, 100, 60);

    strokeWeight(0);
    fill(255);
    ellipse(300, 420, 60, 20);
    ellipse(300, 460, 60, 20);




    //triangle(200, 140, 350, 60, 430, 140);
    //arc(300, 300, 280, 80, 0, HALF_PI);



    /* NOTES FROM CLASS rect(320 - mouseX, 10, 50, 100)
    rect(mouseX, height / 2, 50, 100)  use height / 2 to place in middle
    rect(random(50) + 100, height / 2, 50, 100)

    rect(width - 55, height - 55, 50, 50)    Places rectangle at 55,55 within
    canvas

    CONDITIONALS
    if (expression) {
        statement;
  }

    if (mouseX > 100)
        background("green")

    */



    // x,  y,  w,  h
}

function draw() {

}

Zee Salman-Project 01-Face


sketch

function setup() {
    createCanvas(400,300);
    background(155, 228, 250)


// hair background
    fill('black')
    ellipse(170, 130, 180, 205);

//face and upper shoulders
    


    fill(168, 84, 29)
    noStroke()
    rect(147, 110, 50, 120);
    
    fill(87, 47, 21)
    ellipse(170, 130, 85, 105);

    fill(168, 84, 29)
    ellipse(170, 110, 120, 135);
    
    fill(168, 84, 29)
    ellipse(170, 215, 170, 50);
//facial features
    //blush
    fill(181, 98, 91)
    ellipse(130, 130, 40, 20);

    fill(181, 98, 91)
    ellipse(210, 130, 40, 20);
    //eyes
    fill(0, 0, 0)
    ellipse(195, 100, 20, 20);

    fill('white')
    ellipse(200, 97, 5, 5);

    fill(0, 0, 0)
    ellipse(145, 100, 20, 20);

    fill('white')
    ellipse(148, 97, 5, 5);

    arc(170, 145, 30, 30, 100, PI);

    fill(97, 58, 30);
    noStroke();
    arc(173, 127, 30, 30, 10, PI + QUARTER_PI);



// blouse
    fill('blue')
    quad(83, 213, 257, 215, 275, 275, 60, 276);


 //curl  
    noFill();
    strokeWeight(4);
    stroke(0, 0, 0);
    bezier(150, 42, 80, 95, 190, 100, 125, 140);

    
//curl bubbles
//left curls
    
    noFill();
    stroke('black');
    strokeWeight(6);
    ellipse(150, 40, 30, 30);


    noFill();
    stroke('black');
    strokeWeight(6);
    ellipse(130, 50, 30, 30);

    noFill();
    stroke('black');
    strokeWeight(10);
    ellipse(110, 70, 35, 40);

    noFill();
    stroke('black');
    strokeWeight(10);
    ellipse(95, 110, 45, 50);

    noFill();
    stroke('black');
    strokeWeight(10);
    ellipse(95, 150, 40, 50);

    noFill();
    stroke('black');
    strokeWeight(10);
    ellipse(105, 180, 40, 50);

//right curls
    noFill();
    stroke('black');
    strokeWeight(6);
    ellipse(190, 40, 30, 30);

    noFill();
    stroke('black');
    strokeWeight(8);
    ellipse(215, 50, 30, 30);

    noFill();
    stroke('black');
    strokeWeight(10);
    ellipse(235, 80, 35, 40);

    noFill();
    stroke('black');
    strokeWeight(10);
    ellipse(245, 115, 45, 40);

    noFill();
    stroke('black');
    strokeWeight(10);
    ellipse(245, 150, 40, 40);

    noFill();
    stroke('black');
    strokeWeight(10);
    ellipse(235, 180, 40, 40);


    
	
}

function draw(){
	
    

}

Carly Sacco – Looking Outwards – 01

The Cell Phone Disco shows a visual representation of cell phones in the area.

The Cell Phone Disco located in Pittsburgh is an interactive visualization of active mobile phones in the area. This project was created through the collaboration between artists from Informationlab and engineers. There are sixteen antennas that scan and receive the electromagnetic data from cell phones where eight processors then emit lights in the display to give a visual representation on a 16′ by 16′ LED board.

I thought this project was particularly inspiring and interesting because the placement of the installation is in an alley. Therefore, there are not many cell phone signals the art could receive besides the few people interacting closely. I think not only is this a thoughtful move on the artists behalf to have the piece largely exhibit an intimate signal, but that because people would have to go out of their way to find it, the piece holds more significance once found.

Viewer watching the display caused by the electromagnetic field emitted from their cell phone.

Jacky Tian – Project 01

sketch

// Yinjie Tian
// yinjiet
// Section D
// Project 01

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

function draw() {   
//Background
	stroke(0);
	fill(250);
	rect(80, 50, 80, 550);
	rect(110, 80, 140, 520);
	rect(300, 100, 200, 500);
	rect(160, 170, 300, 430);
	rect(400, 200, 200, 400);

//Neck
    noStroke();
    fill(230,214,169);
    quad(240, 310, 235, 370, 320, 370, 315, 310);

//Ears
    stroke(240,224,179);
    fill(240,224,179);
 
 	rect(195, 240, 20, 40, 10);
    rect(340, 240, 20, 40, 10);

//Face
    stroke(255,244,189);
    fill(255,244,189);
    strokeWeight(3);
    
    beginShape();
    vertex(210, 270); 
    vertex(210, 310);  
    vertex(250, 335);  
    vertex(310, 335); 
    vertex(340, 310); 
    vertex(340, 225);   
    vertex(215, 225); 
    endShape();

//Hair
    stroke(0);
    fill(0);
    strokeWeight(4);

    beginShape();
    vertex(190, 220);
    vertex(205, 150);
    vertex(270, 125);
    vertex(338, 150);
    vertex(360, 218);
    vertex(342, 235);
    vertex(330, 235);
    vertex(290, 225);
    vertex(250, 235);
    vertex(217, 230);
    vertex(210, 230);
    endShape();

//Glasses
	stroke(225, 215, 0);
    strokeWeight(3);
    fill(255);
    rect(220, 240, 45, 40, 15);
    rect(288, 240, 45, 40, 15);
    line(265, 250, 288, 250);

//Nose
	stroke(0);
    strokeWeight(2);
    line(275, 280, 270, 300);
    line(270, 300, 275, 300);

//Mouth
    noStroke();
    fill(290,214,159);
    ellipse(290, 320, 30, 10);

//Jacket
    stroke(0, 0, 0);
    fill(0, 0, 0);
    strokeWeight(4);
    beginShape();
    vertex(150, 365);
    vertex(90, 480);
    vertex(90, 600);
    vertex(430, 600);
    vertex(490, 480);
    vertex(410, 365);
    endShape();  

//Pocket
	stroke(255,165,0);
	rect(190, 450, 50, 60);

}

 

In the self portrait project, I worked on the shape of the face first and then move down to glasses, nose, mouth, neck and the jacket. The blocks at the background symbolize that I’m an architecture student. The most frequent shape commands that were being used were “quad”, “rect”, “ellipse”, “line”, “beginshape”, and etc…

Julia Nishizaki – Looking Outwards 01

Second Skin hydro-reactive fabric by MIT

The project I chose to write about is bioLogic’s Second Skin, a line of sportswear the reacts to sweat and body heat, causing small flaps of fabric to peel back, so that sweat can evaporate. BioLogic, a team of 8 researchers in the Tangible Media Group at MIT Media Lab, embedded the bacteria, Bacillus Subtilis Natto, which naturally expands and contracts in relation to moisture, into Second Skin’ fabric. I was introduced to Second Skin in an e-textiles course I took last year, and while this isn’t a coding or electronics based work, I was really inspired by the meaningful, effortless interactions between the dancers and their “living garments.” I really admire this project not just because of how the transformations of the fabric help to regulate the athletes’ body temperatures and improve their performances, but also because it visualizes the work and effort of the athletes in a very tangible and elegant manner, elevating the experience.

Other projects at this lab that utilize the bacteria in a similar manner include tea bags with indicators that unfurl when the tea is ready, and lamps that expand and change from the heat of the light bulbs inside.

Second Skin, created by the research team, bioLogic, in the Tangible Media Group at MIT Media Lab

Sydney Salamy: Looking Outwards-01

The project I chose is called “Visualization” by Λ B H I N Λ V . K R on OpenProcessing. The project starts with a cute picture of a golden retriever puppy running on a beach. When you run your mouse over the picture it turns into four circles with the color of their background. If you keep going over the circles they get smaller and smaller, and this causes the details in the photo to come back out. The end result is the same picture, except with a more mosaic look to it.

I admire how the creator was able to take such a simple idea and make it interesting. Despite the fact that you are just running your mouse to make circles smaller, it is somehow entertaining. It is satisfying to watch as the picture comes back, and also satisfying to shrink the circles, almost like popping bubbles, except more interesting because you are rewarded with the cute face of a dog. The interactive element is especially great because it allows the user to influence how they want the piece to look. They could leave part of the piece un-popped, pick a certain color to pop, etc. This allows the user to add a personal touch to the end result. I admire these aspects of the project because they are not only entertaining, but also show that a person doesn’t have to code a whole complicated piece to make something interesting, they can have a very simple idea and still be successful.

  • Only one person seemed to be involved in creating the project. I’m not exactly sure how long it took him to create his piece. I looked at the dates of the works before and after and it seems like he posts about three to four different pieces-one per day-and then there will be a gap, then another cluster of posts. I’m guessing he makes a bunch in advance and then posts them all at a time over the span of a couple days. The gaps between these clusters seem to be about three weeks to a month, so I think it took him about one to two weeks to create that single post (although this is just a guess).
  • The software he used seemed to be “off-the-shelf”. OpenProcessing is a very public/easy-to-access site, and the code he wrote didn’t seem like anything out of the ordinary. His project doesn’t look like something he would need custom software for.
  • I don’t know any specific works he might have been inspired by. However, many of his previous works included a variety of colors and shapes, and are user-interactive. Also, looking at his “Hearts” section you can see that the works he liked also fit into this category. “Visualization” also fits this description, so it seems he has a type of work he likes to create.
  • Since the work is interactive, entertaining, and visually appealing, I could see the artist possibly working in the gaming industry since coding and creativity are demanded there. Not so much complicated games but more leaning towards ones you would find in the App store for your phone. Like maybe one level would be the dog-bubble piece and then the next would be something different but using the same concepts and ideas throughout. I could imagine a game where you would start out with the four big bubbles, and then would have to guess what the image was while trying to pop the least amount of bubbles. He could also create gifs and/or short and interactive animations for websites.
  • Λ B H I N Λ V . K R.“Visualization.” OpenProcessing, 2015.

Video And Picture Below

DogOPvid5smol

Photo of “Visualization” by Λ B H I N Λ V . K R