Steven Fei – Looking Outwards – 02

With the development of algorithms, even artistic ideas can be developed and turned into reality with great efficiency. When designing architecture, I always put a lot of manual adjustings and editings for linework drawings and overal layouts of the rooms. However, an architecture studio Wallgren Arkitekter has created some programs embedded in the architectural parametric modeling tool Grasshopper.

Finch’s automatic production of room layouts
View this post on Instagram

Let’s draw some dwellings with #finch3d

A post shared by Jesper Wallgren (@jesper.wallgren) on

Once the site constraints and several specific requirements such as wall thickness and architecture type are set, the program will automatically create elegant drawings for the plans and sections. Meanwhile, the building models are created with great detail. When the user makes changes to the settings, changes in the drawings are laid out instantly. Such an algorithm provides an insight into modern healthy and safe living, and it also takes advantage of the site to generate the most ideal and economic layout for the rooms. Moreover, when combined with other programs that deal with weather and transportation proximities, the algorithm will also produce a map analyzing which house or suite will be most wanted. Such a new program inspires me to compare my own design with what the machine produces and to see which design factors I have considered or not. In addition, the program greatly facilitates the design efficiency and enables us to think in a wider picture for forms and environment.

Click here to see the introduction of the software

Official website for the software:http://finch3d.com/#

Hyejo Seo – Looking Outwards 02

Mario Klingemann is a German artist who uses neural networks, codes, and AI to create generative art. He put images of portrait paintings from the 17th and 19th centuries into GAN (Generative Adversarial Networks), which then produces replica or newly generated portraits based on its own interpretations. GAN is a deep neural net architecture that consists of two nets, going one against the other; the generator and the discriminator. The generator takes in random numbers in order to create images. Then, those generated images are sent to the discriminator with a stream of images from a given dataset (i.e. images of paintings that were put in). The discriminator’s job is then to produce probabilities, a number from 0 to 1, where 0 represents authenticity and 1 represents fake.

Memory of Passerby I by Mario Klingemann

In Klingemann’s artwork, GAN isn’t simply duplicating old paintings (input). GAN decides its own aesthetic using a Tinder-like selection of what it finds aesthetic or not, and after studying its own interpretation of the basic features of a face, it produces an infinite stream of portraits that are rather uncanny and creepy. Personally, I always believed that art was a field AI could never achieve to learn, since there are no set of rules on how to express and create art. Creativity is unique to individuals since we all have different interpretation of the world and different ways of self-expression. Mario Klingemann’s pioneering artworks proved me wrong, and this is why they caught my eye. I am excited, at the same time, terrified to see what the future holds for the AI art.

Hyejo Seo – Project 01


hyejos-portrait

For my self-portrait, I tried to make it look as much as a line drawing as possible. I also wanted to bring focus to my eyes as I consider my eye liner (my eye makeup as I have been putting it on consistently for several years now) to be part of my identity. 

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

}

function draw() {

  //hair
  noFill();
  stroke(255,80,73);
  strokeWeight(8);
  beginShape();
  curveVertex(300, 30);
  curveVertex(300, 30);
  curveVertex(140, 120);
  curveVertex(100,300);
  curveVertex(100, 530);
  curveVertex(220, 580);
  curveVertex(220, 500);
  curveVertex(125, 300);
  curveVertex(300, 75);
  curveVertex(300, 75);
  endShape();
  line(300,30,300,75);

  beginShape();
  curveVertex(300, 30);
  curveVertex(300, 30);
  curveVertex(460, 120);
  curveVertex(500,300);
  curveVertex(500, 530);
  curveVertex(380, 580);
  curveVertex(380, 500);
  curveVertex(475, 300);
  curveVertex(300, 75);
  curveVertex(300, 75);
  endShape();

  stroke(255,80,73);
  strokeWeight(5);
  beginShape();
  curveVertex(300, 30);
  curveVertex(300, 30);
  curveVertex(140, 120);
  curveVertex(100,300);
  curveVertex(100, 530);
  curveVertex(220, 580);
  curveVertex(220, 500);
  curveVertex(125, 300);
  curveVertex(300, 75);
  curveVertex(300, 75);
  endShape();

//face
  noFill();
  stroke(255,178,217);
  strokeWeight(8);
  ellipse(300, 300, 350, 450);
  

  noFill();
  stroke('#00120B');
  strokeWeight(5);
  beginShape();
  curveVertex(350, 260);
  curveVertex(350, 260);
  curveVertex(375, 235);
  curveVertex(410,235);
  curveVertex(445, 260);
  curveVertex(445, 260);
  endShape();

  
  noFill();
  stroke(0);
  strokeWeight(3);
  beginShape();
  curveVertex(350, 260);
  curveVertex(350, 260);
  curveVertex(375, 275);
  curveVertex(410,275);
  curveVertex(445, 260);
  curveVertex(445, 260);
  endShape();
  
  //eyeliner - right eye
 
  fill(0);
  noStroke();
  beginShape();
  curveVertex(347, 260);
  curveVertex(347, 260);
  curveVertex(355,240);
  curveVertex(375,225);
  curveVertex(400,222);
  curveVertex(420,225);
  curveVertex(420,225);
  curveVertex(445,260);
  curveVertex(410,235);
  curveVertex(375,235);
  curveVertex(350,260);
  curveVertex(350,260);
  endShape();
  triangle(416,225, 475,240, 446,262)

   //left eye
   
   noFill();
   stroke('#00120B');
   strokeWeight(5);
   beginShape();
   curveVertex(250, 260);
   curveVertex(250, 260);
   curveVertex(225, 235);
   curveVertex(190,235);
   curveVertex(155, 260);
   curveVertex(155, 260);
   endShape();
 
   //under eye
  
   noFill();
   stroke(0);
   strokeWeight(3);
   beginShape();
   curveVertex(250, 260);
   curveVertex(250, 260);
   curveVertex(225, 275);
   curveVertex(190,275);
   curveVertex(155, 260);
   curveVertex(155, 260);
   endShape();
   
   //eyeliner - right eye
  
   fill('#00120B');
   noStroke();
   beginShape();
   curveVertex(253, 260);
   curveVertex(253, 260);
   curveVertex(245,240);
   curveVertex(225,225);
   curveVertex(200,222);
   curveVertex(180,225);
   curveVertex(180,225);
   curveVertex(155,260);
   curveVertex(190,235);
   curveVertex(225,235);
   curveVertex(250,260);
   curveVertex(250,260);
   endShape();
   triangle(184,225, 125,240, 154,262)

  //  pupils
  circle(215,245,35,35)
  circle(408,245,35,35)

  //eyebrows
  fill(0);
  beginShape();
  quad(257,185,170,180,170,190,255,200);
  endShape(CLOSE);
  triangle(170,180,130,200,180,190);
  endShape();

  fill(0);
  beginShape();
  quad(343,185,430,180,430,190,345,200);
  endShape(CLOSE);
  triangle(430,180,470,200,420,190);
  endShape();

  //nose
  noFill();
  stroke(223,253,255);
  line(290,240,285,340);
  stroke(223,253,255);
  line(310,240,315,340);
  arc(311,368, 90, 70, PI, PI + QUARTER_PI);
  noFill();
  stroke(223,253,255);
  line(290,240,285,340);
  stroke(223,253,255);
  line(310,240,315,340);
  endShape();
  arc(287, 368, 90, 70, -PI*1/4, 0);
  stroke()
  arc(300,430, 70, 30, 0, PI)
}

Bo Yang- LookingOutwards-01

 

I was play Electronic Organ when I was in undergraduate university in China. This instrument is very popular among children because it contains thousands of sounds in one instrument.

The first electronic organ made by an American named Thaddeus Cahill in 1904. Until now, YAMAHA is the biggest company producing this instrument.

Electronic Organ seems like a harpsichord, piano size but has a foot-keyboard. Electronic Organ is a modern electronic keyboard instrument which combines high technology. It originates from classical pipe organ and is similar to the structure of the classical pipe organ. But the electronic organ has its own musical form, which is just like a music synthesizer but need a performer to run the whole organ. It contains thousands of instruments inside one electronic organ and it can show symphony when performer plays it. Even I play this instrument for 8 years, I still do not know how does it run. All the information online is about teach how to play it but no one to show how can produce one.

From my experience, the electronic organ function just likes the music synthesizer but more than one. It can process thousands of instruments in one time.

However, the sound of this instrument is not very adjective sometimes. It’s like fake not true. It inspire me to learn more about computing music and what is computing music. I love my instrument and I wandering maybe I can do more about this project. Like, making this instrument become more productive or making the sounds more adjective. Then chamber music can just need one instrument not a lot of instruments.

Alec Albright – Looking Outwards – 01

Demo and tutorial of SICKTRICKS by creator Bo Tembunkiart

SICKTRICKS is an interactive video game for the sport of tricking, which is an aesthetic blend of martial arts, gymnastics, and break-dancing. It was a project created nearly three years ago by CMU student Bo Tembunkiart. Though this project was created from scratch, it did utilize the Autodesk Maya application for 3-D interactivity in order to allow for more realistic movements and responses by the avatar.

The project was not as inspired by one particular work as it was inspired by the lack thereof. As tricking is a somewhat new, relatively small sport, the creator wished to create a video game for the tricking community, entering a space that has not been widely explored before. In this way, it offers a new area of potential study for the video game world, expanding the awareness of tricking at the same time.

I admire this project because not only does it explore a new realm of video games, but it also is wildly impressive to me that such a game was able to be created from scratch in just one semester. It is exciting for me to see that you can create new content even if there is no template, so long as you’re willing to work hard enough for it. This project was certainly outside the box, and that to me is definitely inspiring.

Hyejo Seo – Looking Outward 01

A picture of the “Portals” shipping container to which people would walk in to have a conversation with another person from different country.

I had an opportunity to learn about an interactive art project called “Portals”, created by a creative studio, Shared Studios, through my friend over the summer. How Portals work is that a person walks into a shipping container in which they talk to complete strangers from different backgrounds such as from Iraqi refugee camps, Afghan universities, Mexican public parks and German libraries through live feed. People are given with some ice breaker questions such as “What would make today a good day for you?” before walking in, but the rest of the conversation is up to them.  This project was launched in December 2014 by a former Washington Post reporter, Amar Bakshi, after traveling to 12 countries to report. His most memorable moments from his time visiting different countries were talking to complete strangers in each country. On his way back home, he brainstormed ways of connecting people from all over the world in more personal ways, and Portals was created. With a team of 16 people, the shipping container have been traveling to different cities in the US.

This project has struck out to me as it provides meaningful experiences between people separated by distance and differences and will further encourage them to be more open-minded and expose themselves to different cultures – resonating with my personal values. As a person who has been studying abroad – New Zealand, Canada, Singapore, now, America – since a young age, I have been pushed to step out of my comfort zones, which led me to learn and appreciate different cultures. Since I am aware that everybody’s experiences are unique, I hope to create creative and more fun ways to encourage people to learn about other cultures such as the Portals. 

A video on Shared_Studios Youtube page in which Amar Bakshi explains the story and purpose of his project, Portals.

Danny Cho-LookingOutwards-01

A screenshot from the movie “Oblivion”

When I see interfaces from sources such as sci-fi movies like Iron Man, or Oblivion, it always excites me and makes me want to create something similar. My favorite designer regarding this topic is Gmunk (Bradley G Munkowitz). He uses mixture of Cinema 4D, After Effects, and other softwares to create mind blowing animations. Such graphics really catch the attention of the audience by generating futuristic atmosphere as well as help us imagine ourselves in the position of the characters that are using the interface.

Above is the UI of Bubbleship. Bubbleship is a paramount vehicle in the movie. Gmunk’s stated that it was the most researched graphic task, trying to imitate the actual functional data that currently exists in the combat aircraft interfaces as well as modernizing its aesthetics. I genuinely appreciate the works that someone put in much considerations to crafting it to very details, though it’s not required to do so. 

Such as HUD above, I have been using softwares such as After Effects myself to replicate such interfaces, but have not been able to create an actual interaction. I look forward to learn how to create digital interactions that reacts to the user’s movement and actions, with a behavior more than just a pre-directed script.

Min Ji Kim Kim – Project 01 – Face

sketch

/*
Min Ji Kim Kim
Section A
mkimkim@andrew.cmu.edu
Project-01
*/

function setup() {
    createCanvas(600,600);
    background(103,186,178);
}

function draw() {
    noStroke();
    //hair
    fill(60,36,36);
    rect(152,90,285,400,150,150,0,0);
    
    //shirt
    fill(255);
    rect(170,470,250,107,50,50,0,0);

    //neck
    fill(225,175,160);
    rect(266,400,65,105,30);

    //head
    fill(235,190,180);
    rect(170,130,250,315,200);

    //nose
    fill(190,130,120);
    ellipse(300,320,4,20);

    //mouth
    fill(250,137,143);
    arc(310,350,100,135,0,HALF_PI+QUARTER_PI,CHORD);

    //glasses
    fill(90,0,24);
    ellipse(250,260,75,70);
    ellipse(350,260,75,70);

    fill(235,190,180);
    ellipse(250,260,65,60);
    ellipse(350,260,65,60);

    //glasses bridge
    fill(90,0,24);
    rect(287,255,26,8);

    //eyes
    fill(0);
    ellipse(255,260,10,18);
    fill(0);
    ellipse(345,260,10,18);

    //eyebrows
    fill(60,36,36);
    triangle(210,215,225,205,287,215);
    triangle(312,215,375,205,390,215);

    //bangs
    fill(60,36,36);
    arc(320,151,170,70,0,PI+QUARTER_PI,OPEN);
    arc(154,119,180,220,0,HALF_PI,OPEN);
    }

This was my first time coding anything and although it was challenging at first, I had fun discovering how different shapes and colors came together to make this self portrait. I particularly learned about the importance of layering elements in the right order. 

Min Ji Kim Kim – Looking Outwards – 01

A video by creator Ken Kawamoto introducing the tempescope and its functionality.

A few years ago, I discovered this video while scrolling through my Facebook feed. I was fascinated by the idea that this object could not only serve an aesthetic purpose as house decor but also a functional one to remind one, for example, to take their umbrella because it’s raining.

Tempescope is essentially a clear case that visually displays weather conditions using a custom app. You can either set your location or manually choose whatever effect you want. Creator Ken Kawamoto built the first prototype in 2012 using the Objective-C and C++ programs after wanting to experience the Okinawa weather from his living room. In 2013, he created an open source version (available on GitHub) so other people could reproduce the tempescope at home.

After receiving a lot of attention from multiple media outlets, Kawamoto recruited a team of five people to create a retail version of the prototype and a funding campaign was initiated on Indiegogo. Although it received substantial attention, the campaign ultimately did not reach its funding goal and as of now, the project seems to be at a halt with no further development plans.

You can learn more about the tempescope here.

Bo Yang-Project-01-Face

In the beginning, I want to draw a little girl with fringe. However, I’m not a good painter. It is more like a cartoon here. And I love the two colors I made it.

Bo-sketch

/*
    Bo Yang
    byang2@andrew.cmu.edu
    Section A
    This program draws a self portrait.
*/

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

function draw() {
    background(180,60,80);
    if (mouseX < (width / 2)) {
        background(60, 100, 150);
    }
  
    //body
    line(180, 180, 225, 300); 
    line(120,180,75,300);
  
    //face
    fill(255,200,200);
    ellipse(150, 150, 120, 100); {
      
    //left eye
    fill(0);
    noFill();
    strokeWeight(7.0);
    strokeCap(ROUND);
    beginShape();
    curveVertex(100, 250);
    curveVertex(135, 150);
    curveVertex(115, 150);
    curveVertex(143, 250);
    endShape();
      
    //right eye
    strokeJoin(MITER);
    beginShape();
    vertex(180, 135);
    vertex(170, 143);
    vertex(180, 150);
    endShape();
      
    //nose
    point(150, 160);
      
    //mouth
    fill(255, 0, 0);
    arc(150, 175, 15, 25, 0, PI, CHORD);
      
    //hair
    noFill()
    arc(150, 150, 160, 180, 84, 76, OPEN);
    line(185, 190, 215, 201);
    line(95, 210, 109, 192);
      
    //earring
    fill(255, 204, 0);
    triangle(80, 155, 99, 155, 91, 176);
    triangle(205, 155, 224, 155, 215, 176);
      
    //headwear
    ellipseMode(RADIUS); 
    fill(180, 200, 50); 
    ellipse(200, 90, 28, 28); 

    ellipseMode(CENTER); 
    fill(255, 204, 0); 
    ellipse(200, 90, 25, 25); 
  }
}