Month: August 2017

Looking Outwards-01 Yoonseo(Dave) Choi

Ever since AR(Augmented reality) was introduced, I was always fascinated with the idea of looking through different lens for amazing experience. I find all the AR art works to be very inspiring and useful. I have seen lots of videos on artists using AR as tool to bring still image come to life or even sculpture. Particular thing I find on usage of AR is that it can be cooperated easily with anyone with smartphones and Holo lens in future. It has such a potential to be used for everyday life and bring indirect experience to be more closer to each individuals.

I have tried to use the free AR kit which was ARToolkit to create my own AR, but process was rather complicated and had steep learning curve. I am sure that artists who have used the similar program has gone through many hours of figuring how to make camera recognize image and engage the viewer to it.

Here are some videos on example of AR.

This is museum in Japan, Nagoya. They have used the AR through out the whole museum to bring still images to life.

link: https://www.youtube.com/watch?v=crScMhWjHJE

Artist is unclear from the video, but we can see that arts become more engaging to the audience.

link: https://www.youtube.com/watch?v=lq8lwGnbKIc

 

Technological Art

Sensing Colorspace, Michael Sebastian Haas, Berlin, 2014,  waterbased acrylic paint & protoc ol, custom mechatronic system & custom software,  4,5x 3,8 meters

http://sonicedevelopment.com/sensing-colorspace/

https://vimeo.com/114660461

There is an artwork “Sensing Colorspace” that I saw on a website before. It is installed at the 10th floor bar of the 25hours Hotel Bikini Berlin. I was attracted by this artwork at the first glance because the sense of chaos amazed me at first. I wasn’t sure why this was art and did not know the meaning of it. After reading the description, I start to love this piece of art. This drawing is created by a robot, Vertwalker, that was made by artist Michael Sebastian Haas. It records the noise in the surrounding and reflects it through drawing lines. The idea of bringing daily life, like the noise of the coffee machine, the dishwasher, people’s chatting, and the glass cup, into artwork already makes this work attractive. The use of technology – a self-developed robot makes this work even more valuable. Vertwalker is able to work for several hours until it needs to charge, which makes it able to work continuously to record the noise. This is very inspirational for me because I have never thought of letting a robot to make art, nor did I think that the production of a robot is art. However, the meaning behind this work that  “records the interaction between visitors and the artwork and inscribes their presence to the wall”.

 

heyangc-project-01


function setup() {
    
    createCanvas(200, 200);
    background(220);
    ellipse(100,100,50,50);
    fill(100,100,30);
    rect(50,50,100,30);
}
    
function draw() {
	
}

heyangc-portrait-01

//Heyang Chen
//heyangc@andrew.cmu.edu
//Section D
//project-01 self-portrait


function setup() {

    createCanvas(840, 1060);

}


function draw() {

    background(247, 208, 223);
    stroke (0);
    strokeWeight (3.5);

    //hair-left
    noFill();
    beginShape();
    vertex(399, 82);
    bezierVertex(56, 122, 39, 558, 143, 633);
    endShape();

    noFill ();
    beginShape ();
    vertex (143, 633);
    bezierVertex (202, 701, 108, 768, 175, 872);
    endShape ();

    //hair-right
    noFill ();
    beginShape ();
    vertex (410, 85);
    bezierVertex (729, 178, 636, 501, 579, 628);
    endShape ();

    noFill ();
    beginShape ();
    vertex (579, 628);
    bezierVertex (525, 742, 560, 781, 587, 809);
    endShape ();

    noFill ();
    beginShape ();
    vertex (587, 809);
    bezierVertex (655, 844, 560, 891, 607, 915);
    bezierVertex (690, 966, 707, 875, 790, 913);
    bezierVertex (838, 935, 760, 1014, 825, 1036);
    endShape();

    //fringe-right
    strokeWeight (2)
    noFill ();
    beginShape ();
    vertex (412, 210);
    bezierVertex (583, 447, 503, 674, 463, 797);
    endShape ();

    //fringe-left
    noFill ();
    beginShape ();
    vertex (406, 210);
    bezierVertex (388, 412, 252, 362, 190, 479);
    endShape ();

    noFill ();
    beginShape ();
    vertex (190, 479);
    bezierVertex (177, 540, 167, 610, 226, 713);
    endShape ();

    //nose
    noFill ();
    beginShape ();
    vertex (362, 535);
    bezierVertex (390, 628, 334, 631, 375, 667);
    endShape ();

    //mouth
    noFill ();
    beginShape ();
    vertex (344, 732);
    bezierVertex (363, 747, 402, 743, 412, 727);
    endShape ();

    //face
    strokeWeight (3.5)
    noFill ();
    beginShape ();
    vertex (235, 711);
    bezierVertex (288, 783, 375, 875, 462, 760);
    endShape ();


    //neeck
    noFill ();
    beginShape ();
    vertex (433, 828);
    bezierVertex (405, 882, 403, 924, 426, 965);
    endShape ();

    //colar bone
    noFill ();
    beginShape ();
    vertex (410, 994);
    bezierVertex (429, 982, 453, 975, 477, 980);
    endShape ();

    noFill ();
    beginShape ();
    vertex (477, 980);
    bezierVertex (581, 992, 610, 955, 636, 970);
    endShape ();


    //circle
    fill (203, 32, 39);
    ellipse (255, 914, 180, 170);

    //curve
    noFill ();
    stroke (147, 26, 29);
    strokeWeight (5)
    beginShape ();
    vertex (387, 502);
    bezierVertex (419, 407, 463, 492, 567, 401);
    bezierVertex (603, 353, 548, 293, 560, 238);
    bezierVertex (575, 187, 683, 206, 798, 20);
    endShape ();

}

I made a drawing in illustrator first, then translated out. During the process, I found difficulties in making curves. first, I tried out the curvevertex syntax, but resulted in rather unsmooth curves. Then I tried to make the curves out of bezier curves. However, problems showed when making bezier curves out of more than 4 control points. After experimenting, I divided those curves into segments. Each of them consists of 4 control points.

heyangc-Looking Outwards-01

TeamLab

The first time that I got to know TeamLab was an exhibition done by them in Singapore, the topic was the future city. I was amazed how new media can present concepts so lively, and engaging. when I saw people were attracted and actively participated in the exhibition by imagining and drawing out the future cities in their minds, I thought that was an exhibition should be like, an event that can not only build a connection between the artists and viewers, but also ignite discussions among them. In their exhibitions, they turn the audiences to participants. To me, this interaction is what the prime aim of art display and exhibition.
I found their recent project, “the way of birds” is presented in a more intriguing manner. Still using the new media and computational methods as main media, the image that they convey is strong and evocative. however, slightly, differently, they present this project in a way that both floors, ceilings are used besides walls, as presenting “screens”. Ths act breaks the boundary of horizon, and this undulating presentation creates an overwhelming feeling, that makes the viewers experience either drowning in deep, or being surrounded and embraced by the sky. As they proposed, the space is made for contemplation. This setting, and of course, with the help of computer generated imaging, fulfilled this goal by creating a space that seems to trace back to the very beginning of human life, the womb. without the new media tool, this experiential environment can never be achieved.

Bettina-LookingOutwards-01


Screenshot of the website in midst of being colored

This is an interactive music video in which the video plays in black outlines and no color so that the watcher can select various colors and color the music video themselves. At the end, they can watch their own colored version of the music video and share with friends on social media. The song is called “Stained Glass” by the band Real Estate for the release of their new album “In Mind”. The video was created in collaboration with Wieden + Kennedy group creative director Craig Allen and the digital production company MediaMonks. It’s likely there was a team of 4-7 people that helped out, although I’m not as familiar with the advertising/branding industry, and there isn’t information on how long it took. Since it was with a large agency, it’s likely the band had access to industry-standard resources in creating it.

On a superficial level, this inspires me because it’s just so pretty and fun; it recalls childhood days of coloring in coloring books and pays homage to adult zentangle coloring books that help destress. I’m also baffled at the implementation— I literally haven’t the slightest idea at how they did it and I love that.

The strength of this piece lies in the conceptual reason of why this inspires me. The site allows music listeners to have a new way of interacting with an otherwise passively listened entertainment. The music industry struggles to compete with easier forms of entertainment/socializing such as eating out or netflix. The traditional model of planning months in advance, committing an entire evening or more to travel to a venue to watch something. I can see this microsite as a concept for web-based concerts: instead of simply watching a livestream, there could be elements such as color, and light that the audience can interact with (think Twitch plays rock concert). I believe audience participation is key to growing the entertainment industry. From a design/business perspective, too much of passive entertainment is already free (even active entertainment like video games are free). One could even make revisions to this piece for those who prefer passive entertainment by providing an option for people to work with existing versions that people have colored. On the other hand, from an artistic perspective, interactive art is valuable because it feels like the artist isn’t having a one-sided conversation with the audience; instead, the artist and the audience can generate an idea together.

 

Project-01-Face

sketch

//Natalie Schmidt
//Section D
//nkschmid@andrew.cmu.edu
//Project-01

function setup() { //background
    createCanvas(500, 500);
    background(256);
    angleMode(DEGREES);
}

function draw() {
//background design
    noStroke(0);
    fill(255, 186, 22);
    triangle(0, 0, width/2, 0, 0, height/2);
    fill(232, 17, 77);
    triangle(500, 0, width/2, 0, 500, height/2);
    fill(20, 179, 177);
    triangle(0, 500, 250, 500, 0, 250);
    fill(255, 132, 0);
    triangle(500, 500, 500, 250, 250, 500);
    fill(0);
  //hair
    fill(126, 45, 0);
    noStroke();
    ellipse(250, 285, 250 , 300);
//head shape
    fill(239, 189, 118);
    ellipse(250, 250, 200, 200);
//eyes
    fill(0);
    ellipse(220, 240, 25, 25);
    fill(0);
    ellipse(width-220, 240, 25, 25);
//eyelashes
    stroke(0);
    noFill();
    curve(185, 0, 205, 215, 220, 215, 220, 0);
    curve(width-185, 0, width-205, 215, width-220, 215, width-220, 0);
//nose
    fill(0);
    stroke(0);
    line(250, 235, 250, 260);
    stroke(0);
    line(250, 260, 265, 275);
    stroke(0);
    line(265, 275, 250, 280);
//freckles
    fill(167, 121, 55);
    noStroke();
    ellipse(200, 275, 3, 3);
    ellipse(180, 280, 3, 3);
    ellipse(170, 260, 3, 3);
    ellipse(190, 260, 3, 3);
    ellipse(215, 265, 3, 3);
    ellipse(230, 275, 3, 3);
    ellipse(width-200, 275, 3, 3);
    ellipse(width-180, 280, 3, 3);
    ellipse(width-170, 260, 3, 3);
    ellipse(width-190, 260, 3, 3);
    ellipse(width-215, 265, 3, 3);
    ellipse(width-225, 275, 3 ,3);
//mouth
    stroke(0);
    noFill();
    curve(210, 0, 210, 285, width-210, 285, 310, 0);
//bangs
    fill(126, 45, 0);
    noStroke();
    translate(495, 210);
    rotate(145);
    ellipse(220, 180, 150, 60);
}

While creating this project, I really just wanted to jump in head-first and try all kinds of different functions; however, having never coded before, this proved to be pretty difficult. I got the hang of ellipses, rectangles, color, etc., but I realized that many of the things I wanted to do were too advanced to attempt for now. Despite that, I’m very proud of what I created, seeing as how I had never done anything like this before. It was fun and incredibly satisfying to actually edit and type code and see that reflected on the image itself. I’m looking forward to learning more advanced material and learning how to incorporate more detail into future projects.

Project Week 1 – Self-Portrait

hyt-01

// helen tsui
// 15-104 section d
// hyt@andrew.cmu.edu
// project-01

function setup() {
    createCanvas(400, 400);
    background(60, 105, 128); 
}

function draw() {

stroke(200, 197, 209);
strokeWeight(8);

    fill(250, 225, 223); 
    arc(400, 80, 700, 600, QUARTER_PI, PI);
    ellipse(120, 130, 150, 150); //glasses
    ellipse(320, 130, 150, 150); //glasses
    line(210, 160, 230, 280); 
    line(230, 280, 270, 270); 
    curve(290, 300, 320, 328, 335, 330, 340, 348);
    noFill();
    //curve(0 , 80, 0, 200, 80, 300, 80, 400);
        

noStroke();

    fill(10, 10, 10); 
    arc(130, 140, 100, 40, PI, PI); //eyelid left
    arc(330, 140, 100, 40, PI, PI); //eyelid right

    fill(84, 106, 123);
    ellipse(130, 150, 45, 45); //eyeball left
    ellipse(330, 150, 45, 45); //eyeball right

}

For this project, I assorted a color palette for my self-portrait and used functions including curve, arc, fill, rect, strokes, etc. The process was difficult as I have never coded before, but the trial-and-error method eventually worked out well.