Month: August 2019

Xu Xu – Looking Outwards – 01

The audiovisual installation AURA by Nick Verstand (a contemporary artist who researches the boundary between the immaterial and material world, and strives to create art that breaks down social boundaries) presents the experimenters’ emotions visually as light compostions in various forms and shapes. The intensity and colour of the forms are translated from brain waves, heart rate variability, and galvanic skin responses of the experimenters, which are collected through wearable biosensors. These emotional cues are being processed and analyzed by the system and derived into visible light. Through influences of musical compositions, the lights would respond to the changes of one’s emotions.This installation tributes to artist Anthony Mccall, who intends to explore light as a medium. Through these series of transformations, AURA provides a possibility for people to have a better understanding of themselves and their emotions through colours and intensities. Quoting the website of AURA, “the installation symbolises the materialisation of (internal) metaphysical space into (external) physical space.” This installation allows the resulting experiences to be a co-creation of the experimenters and artists, and generates a hypnotizing visual experience for the mind.

Project-01-Face Sarah Kang

My approach to this project was to capture my features into a mini cartoon character. Although I tried my best to translate my face features into this portrait, my picture turned out looking pretty different from my appearance in reality, especially my hair. Despite this outcome, this was a good learning experience on how to draw geometric shapes on p5.js.

face

//Sarah Kang
//Section C
//sarahk1@andrew.cmu.edu
//assignment-01
var line;
function setup() {
	createCanvas(600, 600);
}
function draw() {
	background(255, 204, 100);
	

	strokeWeight(2.5);
	stroke(0, 0, 255);
	for(var offset =0; offset<600; offset +=20){
		line(offset, 0, offset, height);
	}
	//bangs
	noStroke();
	fill(0);
	rect(185, 315, 230, 180);
	//face + neck
	noStroke();
	fill(238, 212, 194);
	ellipse(300, 300, 196, 264);
	ellipse(300, 450, 40, 150);
	//ears
	ellipse(392, 355, 30, 30);
	ellipse(208, 355, 30, 30);
	
	//shirt
	fill(245, 102, 91);
	ellipse(300, 600, 170, 260);
	//hair in back
	fill(0);
	arc(300, 240, 230, 185, PI, 0, OPEN);
	rect(185, 240, 230, 75);
	//eyes
	ellipse(255, 350, 15, 7);
	ellipse(345, 350, 15, 7);
	//eyebrows
	stroke(0);
	noFill();
	arc(255, 340, 30, 10, PI, 0, OPEN);
	arc(345, 340, 30, 10, PI, 0, OPEN);
	//mouth
	stroke(245, 102, 91);
	noFill();
	arc(300, 400, 20, 7, 0, PI, OPEN);
	//earrings
	stroke(360);
	ellipse(392, 375, 14, 20);
	ellipse(208, 375, 14, 20);
}

Crystal Xue- Project-01

sketch-125.js

//Crystal Xue
//15104-section B
//luyaox@andrew.cmu.edu
//Assignment-01

function setup() {
    createCanvas(600,600);
    background(221,210,59);
    angleMode(DEGREES);
}

function draw() {
    noStroke();
	fill(220,184,121);
    ellipse(300,270,233,280);
    //face

    fill(155,145,194);
    rect(205,430,190,140);
    triangle(205,430,205,530,160,510);
    triangle(395,430,395,530,440,510);
    //shirt

    fill(220,184,121);
    rect(270,380,60,60);
    rect(235,430,130,80);
    //neck

    fill(255,255,255);
    circle(300,490,10);
    circle(290,488,6);
    circle(280,485,6);
    circle(270,478,6);
    circle(260,468,6);
    circle(251,454,6);
    circle(245,435,6);
    circle(355,435,6);
    circle(349,454,6);
    circle(340,468,6);
    circle(330,478,6);
    circle(320,485,6);
    circle(310,488,6);
    //necklace

    fill(255,255,255);
    ellipse(250,273,33,20);
    ellipse(350,273,33,20);
    fill(0);
    circle(250,270,25);
    circle(350,270,25);
    stroke(20);
    strokeWeight(4);
    line(265,263,200,260);
    line(260,263,217,266);
    line(333,263,394,260);
    line(337,263,382,266);
    //eyes

    fill(0);
    beginShape();
    curveVertex(350, 140);
    curveVertex(300, 220);
    curveVertex(220, 250);
    curveVertex(200, 320);
    curveVertex(200, 380);
    curveVertex(190, 420);
    curveVertex(160, 420);
    curveVertex(160, 330);
    curveVertex(160, 220);
    curveVertex(260, 130);
    curveVertex(350, 140);
    curveVertex(300, 220);
    curveVertex(220, 250);
    endShape();
    fill(0);
    beginShape();
    curveVertex(320, 80);
    curveVertex(350, 140);
    curveVertex(380, 190);
    curveVertex(420, 250);
    curveVertex(420, 270);
    curveVertex(415, 250);
    curveVertex(370, 200);
    curveVertex(350, 150);
    curveVertex(320, 80);
    endShape();
    fill(0);
    beginShape();
    curveVertex(160, 400);
    curveVertex(140, 450);
    curveVertex(160, 490);
    curveVertex(180, 440);
    curveVertex(190, 410);
    curveVertex(150, 400);
    endShape();
 
    push();
    rotate(50);
    fill(0);
    ellipse(400,-175,140,30); 
    pop();
    //hair   

    noStroke();
    fill(119,66,141);
    circle(169,430,20);
    triangle(160,430,120,410,120,440);
    triangle(180,430,210,410,210,440);
    //hairtie

	fill(220,184,121);
    ellipse(426,265,27,45);
    //ears

    fill(152,109,178);
    ellipse(210,310,100,20);
    ellipse(390,310,100,20);
    //blush

    fill(168,73,122);
    circle(300,370,30);
    fill(98,41,84);
    circle(300,375,20);
    //mouth
}

This was my very first time trying to generate images by coding. It was quite a fun and self-reflecting experience. Especially when I was generating curves, it reminds me of the blind drawing exercise(Drawing only looking at the subjects but not the canvas) I’ve done in high school.

Aaron Lee — Project01 — Face

Aaron

/*
Aaron Lee
//Section C
//sangwon2@andrew.cmu.edu
Project-01-self portrait
*/

//canvas
function setup() {
   createCanvas(600,600);      
}


function draw() {
//background
    if (mouseX < width*0.33) {
    background("red");
    } else if (mouseX > width*0.66) {
    background("blue");
    } else {
    background("white");
    }

//hat
    fill(255);
    noStroke();
    quad(249,213,355,213,390,284,220,266);
    fill(0);
    triangle(195,266,266,249,390,284);
//eyebrow
    stroke(100);
    line(213,309,231,302);
    line(258,294,292,284);
//nose
    stroke(50);
    strokeWeight(4);
    line(249,277,266,373);
    line(266,373,280,364);
    line(280,364,281,383);
//book
    line(188,367,274,385);
    line(274,385,360,366);
    line(360,366,367,498);
    line(274,385,270,460);
    line(188,367,193,502); 
//sunglasses
    noStroke();
    fill(0)
    quad(208,329,240,314,247,342,225,348);
    quad(263,310,295,300,297,326,272,333);
    quad(242,326,359,293,357,302,245,336);
//hand
    stroke(0);
    strokeWeight(1);
    line(257,564,248,532);
    line(248,532,225,505);
    line(225,505,233,500);
    line(240,507,222,487);
    line(222,487,228,482); 
    line(243,498,221,469); 
    line(221,469,228,461); 
    line(221,469,228,461); 
    line(221,454,248,487); 
    line(221,454,231,447); 
    line(231,447,268,497);
    line(268,497,292,482);  
    line(292,482,300,493);  
    line(300,493,285,508);  
    line(285,508,304,552);  
}

Instead of avoiding rigid curves, I decided to design them intentionally with different lineweights.

Kimberlyn Cho – Project-01-Face

portraitDownload
//Kimberlyn Cho
//15-104 C
//ycho2@andrew.cmu.edu
//Assignment-01

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

function draw() {
    //background
    noStroke();
    fill(255, 153, 102);
    rect(0, 0, 150, 600);
    fill(255, 136, 77);
    rect(150, 0, 150, 600);
    fill(255, 119, 51);
    rect(300, 0, 150, 600);
    fill(255, 102, 26);
    rect(450, 0, 150, 600);
    //body
    fill("pink");
    ellipse(300, 590, 330, 285);
    //neck
    fill(242, 192, 131);
    rect(261, 416, 80, 55);
    ellipse(300, 470, 80, 50);
    //face
    fill(252, 204, 156);
    beginShape();
    vertex(300, 440);
    vertex(390, 390);
    vertex(390, 250);
    vertex(300, 200);
    vertex(210, 250);
    vertex(210, 390);
    endShape();
    //ears
    ellipse(200, 340, 30, 40);
    ellipse(400, 340, 30, 40);
    //hair
    fill(179, 89, 0);
    noStroke();
    arc(270, 300, 150, 200, PI, 0 - QUARTER_PI, CHORD);
    arc(330, 300, 150, 200, PI + QUARTER_PI, 0, CHORD);
    //bun
    ellipse(300, 190, 120, 120);
	//eyes
    fill("white");
    ellipse(255, 325, 40, 22);
    ellipse(345, 325, 40, 22);
    fill("brown");
    ellipse(255, 325, 20, 20);
    ellipse(345, 325, 20, 20);
    fill("black");
    ellipse(255, 325, 13, 13);
    ellipse(345, 325, 13, 13);
    stroke("black");
    noFill();
    arc(255, 320, 40, 15, PI, 0, OPEN);
    arc(345, 320, 40, 15, PI, 0, OPEN);
    //eyebrows
    noStroke();
    fill(179, 89, 0);
    rect(235, 295, 45, 6);
    rect(320, 295, 45, 6);
    triangle(235, 295, 220, 305, 235, 301);
    triangle(365, 295, 380, 305, 365, 301);
    //nose
    stroke(228, 179, 129);
    fill(252, 204, 156);
    arc(300, 370, 20, 8, 0, PI, OPEN);
    line(290, 310, 293, 360);
    line(310, 310, 307, 360);
    //mouth
    noStroke();
    fill(255, 77, 77);
    arc(300, 390, 50, 30, 0, PI, CHORD);

}

For my self portrait I mainly focused on my most distinct facial features and attributes such as a big bun and a square jawline. I experimented with a variety of shapes and functions to allow for more flexibility in my drawing.

Julia Nishizaki – Project-01-Face

When starting this project, I knew that I wanted to capture both my facial features as well as my personality, and to express a playful and friendly tone. However, as I started to sketch out some initial ideas, I realized that I really had to simplify my concept and make it more geometric, as I didn’t know how to create weird or irregular organic shapes. While I had some trouble trying to figure out p5.js and sublime, this project really helped me to learn some of the basics, and to explore what I could do.

julia_selfportrait

//Julia Nishizaki
//jnishiza@andrew.cmu.edu
//Section B, Project 01 Self-Portrait

function setup() {
    createCanvas(600,600);
    background(251,177,97);
    rectMode(CENTER);
    noStroke();

    //shirt
    c = color('rgb(34,40,92)');
    fill(c);
    rect(375,415,110,50,20,25,0,0);
    c = color('rgb(25,32,66)');
    fill(c);
    arc(340,600,200,415,PI,PI + HALF_PI);
    c = color('rgb(34,40,92)');
    fill(c);
    arc(340,600,370,415,PI + HALF_PI,0);
    arc(350,600,50,255,PI,PI + HALF_PI);

    //hair behind face
    fill('black');
    circle(280,195,190);

    //dark grey, side shave
    c=color('rgb(49,46,47)');
    fill(c);
    rect(350,170,250,180,55,80,0,0);

    //skin
    c = color('rgb(248,212,178)');
    fill(c);
    circle(455,275,90);
    circle(460,305,50);
    square(370,380,80);
    triangle(330,420,410,420,340,480);
    arc(350,275,250,255,0,PI,PIE);
    rect(340,210,230,150,0,80,0,0);

    //sideburns
    c=color('rgb(49,46,47)');
    fill(c);
    rect(465,220,20,120,0,0,10,5);

    //hair
    fill('black');   
    arc(340,115,110,110,PI,0,PIE);
    arc(285,150,175,175,HALF_PI + QUARTER_PI,PI + HALF_PI + QUARTER_PI,PIE);
    arc(340,81,130,130,0,PI,PIE);
    arc(280,110,130,130,0,PI,PIE);

    //highlight
    noFill();
    stroke('rgb(215,138,132)');
    strokeWeight(10);
    arc(285,150,175,175,HALF_PI + QUARTER_PI,PI + HALF_PI + QUARTER_PI,OPEN);
    arc(340,81,130,130,0 + QUARTER_PI,HALF_PI + QUARTER_PI,OPEN);

    //cheek
    noStroke();
    c = color('rgb(247,204,173)');
    fill(c);
    circle(405,300,85);

    //glasses
    noFill();
    stroke('rgb(178,79,74)');
    strokeWeight(10);
    strokeCap(ROUND);
    rect(385,255,90,60,15,15,15,15);
    rect(260,255,90,60,15,15,15,15);

    //nose
    stroke('rgb(232,183,141)');
    strokeWeight(10);
    c = color('rgb(248,212,178)');
    fill(c);
    bezier(305,210,355,260,250,285,320,310);

    //glasses bridge
    stroke('rgb(178,79,74)');
    strokeWeight(8);
    line(305,245,340,245);

    //eyes and eyebrows
    stroke('black');
    strokeWeight(15);
    line(350,210,420,210);
    line(220,210,290,200);
    noStroke();
    fill('black');
    circle(385,240,15);
    circle(275,240,15);

    //mouth
    c = color('rgb(215,138,132)');
    fill(c);
    arc(320,330,60,60,0,PI,PIE);

    //earring
    c = color('rgb(69,89,175)');
    fill(c);
    circle(472,315,5);
}

Crystal Xue- LookingOutwards-01

The Art of Feeling-turning brainwaves into paintings

This is an amazing project done by Random Quark for Saatchi & Saatchi Wellness showing an amazing form of art that reflects one’s feelings with the help of technology. Different colors represent different emotions, for example, the color red represents love, etc. Then the brainwaves are recorded by GEE headsets and processed to generate complex patterns.

I personally found this project very inspiring because it is a very creative approach to visualize something intangible and hard to depict like emotions. Even though this project was based on the need for promoting mental health wellbeings, there are definitely opportunities to draw the inspiration and turn something else into a creative art form. This is also a multi-disciplinary way to build bridges between scientists, programmers, and artists to work collectively and produce something that general public are able to understand.

Stefanie Suk- Project-01-Face

For this project, I tried to incorporate all the elements I think represents myself. The blue t-shirt, hairpin, intense face blush, and pink lipstick are what I wear the most often these days. I experimented using different shapes, colors, and sizes to create all these elements of myself into the self portrait.

sketch

//Stefanie Suk
//15-104 D
//ssuk@andrew.cmu.edu
//Self Portrait Project

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

function draw() {
    fill(255, 111, 0);
    noStroke();
    rect(0, 0, 600, 600); // background 
    fill(70, 27, 9);
    noStroke();
    ellipse(312, 300, 480, 530); //hair circle
    fill(70, 27, 9);
    noStroke();
    rect(72, 300, 480, 300); // hair rectangle
    fill(255, 233, 201);
    noStroke();
    ellipse(312, 281, 323.2, 398.9); // face
    fill(70, 27, 9);
    noStroke();
    rect(167, 108, 296, 59); // bangs rectangle
    fill(70, 27, 9);
    noStroke();
    ellipse(313, 103.5, 212, 99); // bangs circle
    fill(255);
    noStroke();
    ellipse(245, 253.7, 92.6, 92.6); // left eye
    fill(255);
    noStroke();
    ellipse(375, 253.7, 92.6, 92.6); // right eye
    fill(0);
    noStroke();
    ellipse(245, 280, 34.3, 34.3); // left eye black
    fill(0);
    noStroke();
    ellipse(375, 280, 34.3, 34.3);
    fill(70, 27, 9);
    noStroke();
    rect(200, 180, 83.2, 10); // left eyebrow
    fill(70, 27, 9);
    noStroke();
    rect(331, 180, 83.2, 10); // right eyebrow
    stroke(0);
    line(296.6, 291.6, 270.2, 349.8);
    stroke(0);
    line(270.2, 349.8, 308.3, 359.9); // nose
    fill(255, 77, 135);
    noStroke();
    arc(306, 395, 108, 50, 0, PI, CHORD); // lips
    fill(255, 233, 201);
    noStroke();
    rect(264.7, 457.6, 91.3, 36.5); //neck
    fill(0, 0, 255);
    noStroke();
    ellipse(312, 620, 408, 260, PI, 0, CHORD); // body
    fill(255, 233, 201);
    noStroke();
    ellipse(310.5, 497, 92, 54); // neck2
    fill(0, 0, 255);
    noStroke();
    ellipse(127.4, 114.1, 42.4, 42.4); // left hairpin
    fill(0, 0, 255);
    noStroke();
    ellipse(162.4, 135.7, 42.4, 42.4); // right hairpin
    fill(255, 233, 201);
    noStroke();
    ellipse(150.5, 290.1, 67, 94); // left ear
    fill(255, 233, 201);
    noStroke();
    ellipse(470.5, 290.5, 67, 94); // right ear
    fill(0, 0, 255);
    noStroke();
    ellipse(146, 353, 8, 66); // left earring
    fill(0, 0, 255);
    noStroke();
    ellipse(472.5, 353, 8, 66); // right earring
    fill(255, 202, 201);
    noStroke();
    ellipse(207.5, 346, 47, 26); // left blush
    fill(255, 202, 201);
    noStroke();
    ellipse(395.5, 346, 47, 26); // left blush
}

Ghalya Alsanea LookingOutwards-01: OLD NAVY SELFIEBRATION

OLD NAVY SELFIEBRATION by Deeplocal

This video explains the mechanisms and inspiration behind the Selfiebration installation.

This project by Deeplocal, a firm based in Pittsburgh, helped Old Navy celebrate their birthday by rendering fans’ selfies on a massive display made of 1,000 balloon “pixels”. I specifically choose this project because of the way people interact with the display. It is really cool how your face gets to literally be part of the display, while using balloons to extenuate that this is, in fact, a celebration. In addition the size of the display makes it disruptive in a way that even if it’s not your face projected, you still interact with the display. Also, the idea of using “selfies” in to attract an audience is very smart due to the large presence of selfies in media today. All in all, they knew their audience, the message was clear, the interaction was easy, and most importantly it was pleasant and fun for all parties involved.

Adding to that, even though it seems like a simple idea in concept, the project is highly innovative in the sense that they invented custom-engineered balloons for this specific project. In my opinion, executing simplicity in a design is harder than complexity.

Close up of the engineered inflatable balloon display.

The balloons, divided among 16 identical “balloon boxes,” inflated simultaneously with each capture, thanks to almost five miles of wiring and a pneumatic valving system built by Deeplocal engineers, explains CEO Nathan Martin.

The device is capable of showing two selfies a minute. Concept through creation to going live took just eight weeks.

The team consisted of a mix of about 20 artists, engineers, and designers.

Links:

https://www.deeplocal.com/projects/selfiebration.html

DeepLocal machine turns selfies into 15-foot balloon portraits

 

 

Stefanie Suk – Looking Outwards – 01

Bit.Fall Installation in Incheon Airport

Bit.Fall, designed by an artist Julius Popp, is a computerized art installation that releases water droplets at specific intervals to create words extracted from the internet’s current stream of trending topics. In this installation, computer program plays a key role in filtering keywords based on a statistical algorithm from the current newsfeed, then transferring the information to the control unit to create droplets at specific times. This installation caught my attention as it combines both nature (through gravity to make the water drops fall) and culture (through news feed for social attention) into a single piece of artwork. What I admire the most about Bit.Fall is the strange correlation between water, a natural medium, and word, a cultural information, combined together to create a single collaborative installation. This project can further inspire the art and values of combination between nature and men.

Bit.Fall Installation in MONA