August 2017 – Page 9 – [OLD FALL 2017] 15-104 • Introduction to Computing for Creative Practice

ghou-Project-01-Face

Taken from photograph and transformed into geometric shapes in Illustrator. Then I divided each space up into quadrilaterals or triangles and plotted them into JavaScript in Brackets

Self Portrait

//Grace Wanying Hou
//15-104 Section D
//ghou@andrew.cmu.edu
//Assignment 01

function setup() {
    createCanvas(500,400);
    noStroke();
    background(135,206,250);255,192,203
    
    fill(255,192,203);
    quad(250,0,250,400,500,400,500,0);
    
    var ls = color(245,224,205);
    var ds = color(240,208,180);
    var lb = color(156,119,97);
    var db = color(146,109,90);
    var shade = color(74,50,34);
    var ulip = color(203,140,132);
    var llip = color(240,190,180);
    translate(-100,0);
//hairs
    fill(db);
    quad(200,37,232,95,291,48,265,15);
    quad(232,95,291,48,300,100,226,218);
    quad(300,100,226,218,259,211,298,155);
    quad(259,211,226,218,235,351,244,259);
    fill(lb);
    noStroke();
    quad(194,34,187,45,181,34,191,29);
    quad(181,34,175,61,185,64,187,45);
    quad(185,64,175,61,180,135,195,120);
    quad(195,120,180,135,164,179,171,179);
    triangle(164,223,148,281,152,340);
    quad(195,120,171,179,154,233,152,340);
    quad(208,176,198,144,195,120,205,139);
    quad(194,34,213,142,217,48,215,28);
    quad(217,48,215,28,223,17,222,34);
    quad(222,34,223,17,237,17,231,58);
    triangle(231,58,237,17,235,34);
    quad(237,17,235,34,246,51,246,31);
    quad(237,17,237,13,250,12,246,31);
    quad(246,31,250,12,266,27,270,51);
    quad(266,27,250,12,265,15,275,27);
    quad(226,218,213,142,217,48,232,95);
    triangle(244,259,259,211,253,289);

    fill(db);
    noStroke();
    quad(152,340,162,324,170,354,174,290);
    triangle(152,340,174,290,195,120);
    triangle(174,290,184,328,195,120);
    quad(184,284,190,240,201,214,195,120);
    quad(201,214,195,120,198,144,208,176);
    quad(189,26,194,34,215,28,210,10);
    quad(210,10,215,28,223,17,217,11);
    quad(217,11,223,17,237,17,230,6);
    quad(237,17,230,6,250,12,237,13);
    
//face highlights
    fill(ls);
    noStroke();
    quad(187,45,185,64,205,58,194,34);
    quad(188,63,195,61,196,70,195,64);
    quad(200,59,201,63,205,61,205,58);
    quad(195,61,200,59,202,67,196,74);
    quad(202,67,196,70,196,74,205,83);
    quad(205,83,196,74,195,76,194,78);
    quad(194,78,191,87,205,87,205,83);
    triangle(205,87,205,94,207,90);
    quad(205,87,206,98,197,90,191,87);
    triangle(197,90,191,92,191,87);
    quad(187,85,191,87,196,100,185,96);
    quad(185,96,211,93,214,112,194,116);
    quad(214,121,214,129,203,135,203,129);
    
//face lightshadows   
    fill(ds);
    noStroke();
    quad(185,71,190,68,191,76,186,78);
    quad(191,76,195,76,196,74,190,68);
    triangle(190,68,196,74,196,70);
    triangle(202,67,206,64,208,73);
    quad(208,73,202,67,205,83,210,89);
    quad(187,85,188,85,193,83,191,87);
    quad(191,92,191,96,197,96,197,90);
    quad(197,90,197,96,198,93,206,98);
    quad(196,100,195,105,200,102,199,101);
    quad(199,101,200,102,203,99,199,99);
    quad(214,112,214,121,195,120,201,120);
    quad(195,120,203,135,203,129,214,121);
    quad(203,135,205,139,213,142,214,129);
    
//nose shadow and eyelash
    fill(shade);
    noStroke();
    quad(191,96,196,100,199,101,197,96);
    quad(197,96,199,101,199,99,203,99);
    quad(203,99,197,96,198,93,206,98);
    triangle(184,83,188,85,187,81);
    quad(187,81,188,85,193,83,194,78);
    
//brows and creases
    fill(db);
    noStroke();
    quad(201,63,202,67,206,64,205,61);
    quad(185,71,184,68,185,64,189,63);
    quad(189,63,185,71,190,68,196,70);
    triangle(196,70,195,64,189,63);
    triangle(186,78,187,81,191,76);
    quad(191,76,187,81,194,78,195,76);
    quad(205,83,205,87,207,90,210,89);
    triangle(210,89,207,90,211,93);
    quad(211,93,206,98,206,94,207,90);
    quad(194,116,196,115,197,119,195,120);
    quad(195,120,197,119,204,118,201,120);
    
//upper and lower lip
    fill(llip);
    noStroke();
    quad(196,115,197,119,204,118,204,111);
    triangle(204,111,214,112,204,118);
    fill(ulip);
    quad(194,116,196,115,197,107,195,107);
    quad(196,115,197,107,200,106,204,111);
    triangle(200,106,204,111,214,112);

//pink dup
    translate(250,0);
    //hairs
    fill(db);
    quad(200,37,232,95,291,48,265,15);
    quad(232,95,291,48,300,100,226,218);
    quad(300,100,226,218,259,211,298,155);
    quad(259,211,226,218,235,351,244,259);
    fill(lb);
    noStroke();
    quad(194,34,187,45,181,34,191,29);
    quad(181,34,175,61,185,64,187,45);
    quad(185,64,175,61,180,135,195,120);
    quad(195,120,180,135,164,179,171,179);
    triangle(164,223,148,281,152,340);
    quad(195,120,171,179,154,233,152,340);
    quad(208,176,198,144,195,120,205,139);
    quad(194,34,213,142,217,48,215,28);
    quad(217,48,215,28,223,17,222,34);
    quad(222,34,223,17,237,17,231,58);
    triangle(231,58,237,17,235,34);
    quad(237,17,235,34,246,51,246,31);
    quad(237,17,237,13,250,12,246,31);
    quad(246,31,250,12,266,27,270,51);
    quad(266,27,250,12,265,15,275,27);
    quad(226,218,213,142,217,48,232,95);
    triangle(244,259,259,211,253,289);

    fill(db);
    noStroke();
    quad(152,340,162,324,170,354,174,290);
    triangle(152,340,174,290,195,120);
    triangle(174,290,184,328,195,120);
    quad(184,284,190,240,201,214,195,120);
    quad(201,214,195,120,198,144,208,176);
    quad(189,26,194,34,215,28,210,10);
    quad(210,10,215,28,223,17,217,11);
    quad(217,11,223,17,237,17,230,6);
    quad(237,17,230,6,250,12,237,13);
    
//face highlights
    fill(ls);
    noStroke();
    quad(187,45,185,64,205,58,194,34);
    quad(188,63,195,61,196,70,195,64);
    quad(200,59,201,63,205,61,205,58);
    quad(195,61,200,59,202,67,196,74);
    quad(202,67,196,70,196,74,205,83);
    quad(205,83,196,74,195,76,194,78);
    quad(194,78,191,87,205,87,205,83);
    triangle(205,87,205,94,207,90);
    quad(205,87,206,98,197,90,191,87);
    triangle(197,90,191,92,191,87);
    quad(187,85,191,87,196,100,185,96);
    quad(185,96,211,93,214,112,194,116);
    quad(214,121,214,129,203,135,203,129);
    
//face lightshadows   
    fill(ds);
    noStroke();
    quad(185,71,190,68,191,76,186,78);
    quad(191,76,195,76,196,74,190,68);
    triangle(190,68,196,74,196,70);
    triangle(202,67,206,64,208,73);
    quad(208,73,202,67,205,83,210,89);
    quad(187,85,188,85,193,83,191,87);
    quad(191,92,191,96,197,96,197,90);
    quad(197,90,197,96,198,93,206,98);
    quad(196,100,195,105,200,102,199,101);
    quad(199,101,200,102,203,99,199,99);
    quad(214,112,214,121,195,120,201,120);
    quad(195,120,203,135,203,129,214,121);
    quad(203,135,205,139,213,142,214,129);
    
//nose shadow and eyelash
    fill(shade);
    noStroke();
    quad(191,96,196,100,199,101,197,96);
    quad(197,96,199,101,199,99,203,99);
    quad(203,99,197,96,198,93,206,98);
    triangle(184,83,188,85,187,81);
    quad(187,81,188,85,193,83,194,78);
    
//brows and creases
    fill(db);
    noStroke();
    quad(201,63,202,67,206,64,205,61);
    quad(185,71,184,68,185,64,189,63);
    quad(189,63,185,71,190,68,196,70);
    triangle(196,70,195,64,189,63);
    triangle(186,78,187,81,191,76);
    quad(191,76,187,81,194,78,195,76);
    quad(205,83,205,87,207,90,210,89);
    triangle(210,89,207,90,211,93);
    quad(211,93,206,98,206,94,207,90);
    quad(194,116,196,115,197,119,195,120);
    quad(195,120,197,119,204,118,201,120);
    
//upper and lower lip
    fill(llip);
    noStroke();
    quad(196,115,197,119,204,118,204,111);
    triangle(204,111,214,112,204,118);
    fill(ulip);
    quad(194,116,196,115,197,107,195,107);
    quad(196,115,197,107,200,106,204,111);
    triangle(200,106,204,111,214,112);

}

Jihee Kim – Looking Outwards 01

Mirror_SPACE

Mirror_SPACE, 2004/05 Interactive Installation (long version) by Brigitta Zics from cognitiveloop on Vimeo.

Mirror_SPACE is an interactive installation that was developed from 2004 to 2005 by Brigitta Zics, a German artist whose expertise is in experiential, computational art. With the help of musician Jörg Lindenmaier and graphics programmers Jerome Thoma and Matthias Weber, the artist was able to create an interactive, real-time-scanning space that offers its users a unique experience, rich in senses.

What generated this project was “CApsule” that collected and analyzed data and the facial properties of the users, Mirror_SPACE Visualisation, Mirror_SPACE Sound Environment, and an external tracking software called “augenblick 1.o.” When people enter the space in which the project is installed, mirrored images of the participants are transformed, according to physical properties of the individual and different data pertaining to the world. The reflection of people within the environment in which the project is taking place are changed into visual representations that resemble microbes that then float around, interacting with one another. Colors and forms are generated by analysis on the person’s inner and outer states.

The project is an interesting installation for people to engage in and observe. As an architecture student, I was intrigued by the project because it encompasses various senses and is central to human experience and space. I believe that the installation, through sensational interactions, awakens and enables people to view themselves in a different, unique way and further realize that they are part of a bigger world. However, application of the project seems challenging. Perhaps psychological experiments and educational events could be some options. With the advancement of technology and the growth of social media, subjects such as personal and social identities have become much more complex. Installations like these could continue to be used to allow for discussions and reflections on one’s identity and place in the world.

On a side note, although I understand the purpose of the project and its possible mental impact on the users, I was confused as to how individual participants would recognize themselves in the crowd of these “mirror images” or representations of people. If the purpose of this installation is to have people to experience, feel, and understand themselves and their beings through a mirror image reflective of their inner states, it should be easier for the users to follow their image that floats around in the screen, so that more intimate connections can be made. Nonetheless, Mirror_SPACE is a comprehensive work that deserves merit for its power to provoke human senses through the use of computational art.

More information on the project can be found on the official website.

Mirror_SPACE

danakim-Looking Outwards 01

Pipilotti Rist’s Pixel Forest is an exhibition of various works by Rist spanning her entire career. “Looking Through Pixel Forest” is a hanging LED installation that was a collaboration between Rist and Kaori Kuwabara, a lighting designer. This piece consists of 3,000 handmade plastic globes that are irregular in shape. Each LED is controlled by a video signal and represents one pixel from the video that is being played. The lights change at different speeds according to the pace of the video. The entire exhibition showcases Rist’s career as a video artist. “Looking Through Pixel Forest” is one of her most recent pieces. The other installations in the exhibition that were created before this one have a very vintage quality to them. It is almost as if “Looking Through Pixel Forest” is in a way a transition marker in her career where she starts to experiment with new mediums and technology. Despite the use of new techniques, this piece is very much like her past works in that it is extremely immersive and creates a sensual experience.

This project cracks open the door to a future where people may be able to soon be physically immersed within technology. It is probable to say that Rist and Kuwabara were able to find a script that did the basics of what they were trying to do and then added on to the script to make the changes that they needed.

The idea of being physically surrounded by pixels of a video is very intriguing. Walking through such a space is very sensual and calming. I admire Rist’s ability to really think out of the box and present such a spatially experiential project.

https://www.nytimes.com/2016/10/28/arts/design/pipilotti-rist-pixel-forest-deep-in-the-wilds-of-video.html?mcubz=0

http://www.newmuseum.org/exhibitions/view/pipilotti-rist-pixel-forest

https://www.mfah.org/exhibitions/pipilotti-rist-pixel-forest-and-worry-will-vanish

cduong_Looking Outwards 01

Several years ago there was a hotel in Cupertino, California that used a 3-foot-tall robot called A.L.O. Botlr (short for “robot butler”). I really admire how society is starting to slowly try and integrate robots into society, especially in working positions like being a butler or a maid, which would allow the rest of the staff to do more than just have to run around and tend to a customer’s basic need like getting them a bottle of water.

A.L.O. Botlr was created by a start-up company known as Savioke. They used a previous robot, SaviOne, to create the robot butler, so they didn’t have to actually start “from scratch” to make this robot butler but they had to figure out what SaviOne could and couldn’t do that would be necessary in creating a successful robot butler. Although they do not specifically say how long it took to create the robot butler, it could be easily assumed that it took years to develop a working model of the robot and it is still being modified to this day to try and improve it.

There is no talk about how the robot was programmed but I can assume that there had to be some custom software/script because it is known for its “industry-first smart check-in program, “Cool Concierge” program and piloting Apple TV in-room services” to accomadate for the basic skills necessary for a robot butler working in a hotel.

Prior works that inspired A.L.O. Botlr would definitely include the SaviOne, which was a delivery robot that worked in service industries (hotels, hospitals, restaurants, etc.).

This project presents opportunities for more advanced robotics to be incorporated in a person’s everyday life such as Moley. Moley is a kitchen robot that was recently made that is a professional cook with skills equivalent to a master chef.

https://www.entrepreneur.com/article/236759

https://techcrunch.com/2014/08/13/starwood-introduces-robotic-butlers-at-aloft-hotel-in-palo-alto/

http://www.alofthotelshub.com/news/botlr/

*More videos available in the article links above the video.

Looking Outwards 01

2016 AICP Sponsor Reel – Dir Cut from Method Studios on Vimeo.

This video was made by AICP, the Association of Independent Commercial Producers, a studio based in New York and Los Angeles. While I do not know what particular software they used to make this video, I do have an idea of their process. They used dancer and mapped their movements onto the computer. With the shape and movements of the dancers captured, they mapped on different textures and played with it, with the accompaniment of music, to create an amazing video. I believe this project to be just an experiment to test their texture mapping abilities. With it’s success, the studio would likely be able to texture map almost anything, given the complexity of the human body and it’s movements.

hyt-Looking-Outward-01: Raven Kwok

“People walking on dreamy waves.”

Raven Kwok is a rising interdisciplinary programmer and artist originally based in Shanghai, China, and particularly specializes in computer-generative visuals. Even though he has many amazing works that I’d like to introduce, unfortunately he keeps a relatively low profile so that it was difficult to unravel upon his creative process. However, as shared by the artist, he usually uses processing for most generative art contents — some serious, and some less serious or even sarcastic. The example I found is an interactive piece that he essentially created using a grid of LED panels along with infrared sensors which detects the audience’s movement on the panel, and therefore forms waves of geometric shapes.

test

Looking Outwards

One of my favorite installation art pieces is one by the name of “Having Fun/Good Life, Symptoms” by Bruce Nauman. The work is actually located in the Carnegie Museum of Art, and having grown up in Pittsburgh I have seen this particular display several times in the past couple of years. Each time I go to the CMOA, I’ve been drawn in by the flashing neon lights of this piece. The sign itself alternates sayings, so that not all words are illuminated at once, causing the visitor to stay and look for a while.. I never really thought about this piece deeply until this assignment, but given this assignment, I’ve come to realize the technological influence and pieces this work has, which, coincidentally, are reasons I admire this piece. The flashing lights of different sayings that go on and off at different times are what draws attention, and attached is a video that shows just that.

Month: August 2017