Category: Section E

rmanagad-sectione-lookingoutward-03

Creator: Can Pekdemir

Title of Work: Procedural Sculptures

Year of Creation: 2015

Link to Project Work: http://www.can-pekdemir.com/Procedural-Sculptures

Link to Artist Bio: http://www.can-pekdemir.com/About

Side view of Pekdemir’s procedural sculpture, which shows depths in the ridges formed.
Front view of Pekdemir’s procedural sculpture, showing its mimicry to a human bust.

Can Pekdemir is an Instanbul-based digital sculpture/video artist experimenting with the generation of bodily forms. Conventionally, his work is based in the digital and augmented reality realms where he focuses on applications of textures and morphs. The work above — part of a series titled Procedural Sculptures — are developed via procedural algorithms that mimic the pattern- and shape-making of natural-occurring forms. In his developmental process, Pekdemir focuses on modifications of the human form in ways often uncomfortable (such as headless quadrupeds) and structurally questionable  — this convention is applicable to his procedural sculptures, which only resemble a familiar outline.

As a designer, I see his work as a means of modifying human perception on figures symbolically, scientifically, representationally, and expressively — all fundamental factors of communications design. As an artist, Pekdemir adjusts the rules to develop new ways of seeing, which fascinates me — the algorithmic approach gives new way to developing forms for human utility.

 

 

juyeonk – Looking Outwards – 03

 

 

Title: Computational Design Of Metallophone Contact Sounds

Creator: Gaurav Bharaj, David I.W. Levin, James Tompkin, Yun Fei, Hanspeter Pfister, Wojciech Matusik, Changxi Zheng

Year of Creation: 2015

Link to the project: http://cfg.mit.edu/content/computational-design-metallophone-contact-sounds

 

This project is intended to explore the manufacturing process of metallophones of various shapes and sizes. Previously, professionally designed metallophones came only in the shapes of bars, and the collaborative team from Harvard, MIT and Columbia tried to come up with a way to produce metallophones of not only unique appearances but sounds as well. They invented an algorithm to deform and perforate metals of random shapes to optimize the sounds that they produced when struck. They believed the new method would enable non-professionals to make their own, unique metallophones as well.

Doing so requires an extensive exploration of the energy landscape. They first mapped the sound spectrum that the metal piece produced and compared it to the desired sound spectrum that they wanted the metal piece to produce. Then using the algorithm that allows the isotropic scaling of the metal piece in relation to the desired change in the sound spectrum and through the repeated process of discretization and instantiation, the team could produce a new piece of metal with an ideal sound spectrum. Using the same method, they could also have multiple tones and chords produced from a single metal piece.

 

 

 

 

alchan-Looking Outwards 03

GLASS II from Mediated Matter Group on Vimeo.

GLASS II, by The Mediated Matter Group at MIT Media Labs, is a series of 3d-printed glass columns, each internally lit to produce “kaleidoscope-like patterns” of light and shadow. Each column was generated with a different shape, determined both by how the characteristics of the shape affected light passing through it and the limitations of the 3d-printing system itself. The internal lighting within each column also moved up and down, creating dynamic patterns of light projected onto the floors and walls of the exhibit.

I was initially drawn to the project because of its unusual production method: generative forms aside, figuring out how to 3d-print glass is a feat in itself. I also admire how the installation itself didn’t just rely on the 3d-printed material, but also incorporated light and how the material affected it.

 

dahyec-Project -02-Variable-Face

sketch


// Dahye Chung
// 15-104 Section E
// dahyec@andrew.cmu.edu
// Project-O2

var eyeWidth = 5;
var eyeHeight = 5;
var mouth = 30;
var faceWidth = 300;
var faceHeight = 300;
var skinR = 28;
var skinG = 142;
var skinB = 200;
var noseWidth = 30;
var noseHeight = 65;
var mouthWidth = 0;
var mouthHeight =5;
var eyebrows = 30;
var eyebrowStroke = 8;
var mouthCurve = 90;
var glasses = 60;

function setup() {
createCanvas(500, 560);
rectMode (CENTER);
}

function draw() {
background(236,220,189);

noStroke();
fill(skinR, skinG, skinB, 100);
ellipse(width/2, height/2, faceWidth, faceHeight); // head

fill(0,0,0,180);
ellipse(width/2-40, height/2, eyeWidth+3, eyeHeight+5); // left eye
ellipse(width/2+40, height/2, eyeWidth+3, eyeHeight+5); // right eye

fill(skinR, skinG, skinB, 210);
rect(width/2, height/2, noseWidth, noseHeight); // nose

drawMouth(mouthCurve);
strokeWeight(3);
stroke(0); 
fill (0,0,0,0);

ellipse(width/2-40, height/2, glasses+4, glasses+4); // glasses
ellipse(width/2+40, height/2, glasses+4, glasses+4);
line(width/2-40+((glasses+4)/2), height/2, width/2+40-((glasses+4)/2), height/2);

stroke(skinR-20, skinG-20, skinB-20); // eyebrows
strokeWeight(eyebrowStroke);
line(width/2-53, height/2-20-eyebrows, width/2-30, height/2-20-eyebrows); 
line(width/2+53, height/2-20-eyebrows, width/2+30, height/2-20-eyebrows); 

}

function drawMouth(mouthCurve) {
stroke(skinR-20, skinG-20, skinB-20); // eyebrows
fill(0,0,0,0);

p1 = {x: width/2-20, y: mouthCurve}, p2 = {x: width/2-40, y: height/2+90} // mouth
p3 = {x: width/2+40, y: height/2+90}, p4 = {x: width/2+20, y:mouthCurve}
curve (p1.x, p1.y, p2.x, p2.y, p3.x, p3.y, p4.x, p4.y)
}

function mousePressed() {
faceWidth = random(200, 400);
faceHeight = random(300, 450);
skinR = random(200, 100);
skinG = random(200, 100);
skinB = random(200, 100);
eyeWidth = random(-2, 10);
eyeHeight = random(-2, 5);
noseWidth = random(10,30);
noseHeight = random(40, 70);
eyebrows = random(20,40);
eyebrowStroke = random(5,16);
mouthCurve = random(0, (height/2+90)*2);
glasses = random(30,70);
}

I tried to show different emotions of people around me in my school life. I wanted to show variety range of people’s emotions in this project and wanted to study which factors of a face communicate different emotions to other people. Also, I tried to make every parts of the face and the glasses look different when the user clicks my project. I used soft colors and opacities to make my project look simple and minimal. 

dahyec-Looking Outwards-02

LookingOutwards-02

TITLE: Inspired by the Incomprehensible

AlteredQualia에 대한 이미지 검색결과

To be honest, I am not a mathperson. But I was fascinated by the work of generative artist AlteredQualia. It is not clear who this individual is, but it is clear that AlteredQualia is a driven artist-programmer who explores the boundaries between art and computation. AlteredQualia’s Twitter <https://twitter.com/alteredq> account shows that s/he is currently active.

https://pbs.twimg.com/media/CQpIn2qUYAAjTms.jpg:large
“An example of one of AlteredQualia’s interests—the ‘Uncanny Valley’. More can be found here <http://fractalfantasy.net/#/4/uncanny_valley>.”

One of his/her projects, named “Evolve” <alteredqualia.com/visualization/evolve/>, particularly struck my interest. Though I don’t understand it fully, it uses code to pick random shapes to create a copy of an image. Though it takes a long time, the collection of random shapes begin to look like a copy of the original image.

http://alteredqualia.com/visualization/evolve/mona_9712.jpg
“After 7 days and 8,143,969 random shapes.”

What intrigues me is the very fact that I don’t truly understand what has been created behind the scenes of this transformation. Knowing that there are clear boundaries that I have never explored and may never even understand reminds me of the great possibilities that exist in the world of design. It excites me to understand how incomprehensibly vast the horizon is.

dayoungc-LookingOutwards-02

Combining Concepts and Computations into Reality

In my exploration of generative artists, I stopped at Michael Hansmeyer’s <www.michael-hansmeyer.com> work, mesmerized. Active from 2003 to the present, Hansmeyer uses existing architectural or natural forms but modifies them—sometimes drastically—or explores their boundaries using what he calls “computational architecture.

http://www.michael-hansmeyer.com/images/reade_street/reade_street3.jpg

“Seemingly a normal building renovation.”

One of his more recent projects, “Reade Street” (2016) is a prime example of this combination of existing concepts and generated computations. At first glance, the building is your typical classic building in Manhattan. Upon closer glance at the columns, however, one can see that the architectural design has been computer generated from a combination of existing forms.

http://www.michael-hansmeyer.com/images/reade_street/reade_street5.jpg

“But combining classical architecture and computation to create something new.”

This is fascinating because through computation, Hansmeyer is able to explore beyond the boundaries of ancient through modern architecture while still retaining all of the history involved in the creation of these designs. Itis an eerie blend of past, present, and future that may itself become established in architectural history.

http://www.michael-hansmeyer.com/images/inhotim/inhotim2.jpg

“Hansmeyer even combines nature and computation to create an eerie blend.”

LookingOutwards02-jooheek

Generative Knitting Design Tools

Site: http://blog.drwoohoo.com/generative-knitting-design-tools/

Dr. Woohoo is a generative artist who combines color palettes, patterns and designs with computer algorithms to create unique artwork. In this particular artwork, Woohoo takes color palettes and creates patterns with those colors through computer algorithms and translates them to knit design. In this particular case, he puts them into shoes. This allows people to have their own unique, custom designed shoes through computer generation.

An example of how color palettes are translated into patterns for shoes.

I chose this particular artwork because I found it interesting how art and computation can be combined to create something as antique and old like knitting. Knitting is usually associated with more older types of fabric art, something that is hand made. But by combining it with computer algorithms, it is made into a novel type of fashion design, creating a unique experience.

dayoungc-Project-02-Variable-Face

sketch

//Dayoung Chung
//Section E
//dayoungc@andrew.cmu.edu
//Project-02

var eyeSize = 30; 
var faceWidth = 200; 
var faceHeight = 180; 
var noseSize = 15; 
var mouthSize = 30; 
var background1 = (194); 
var background2 = (94);
var background3 = (150); 
var nose= 200
var earSize= 200

function setup() {
    createCanvas(500, 620);
}

function draw() {
    background(background1, background2, background3);
    background(mouseX,mouseX,mouseY,mouseY)
    ellipse(mouseX, mouseY,0,0); 

    //face
    noStroke(0); 
    fill(107,104,100); 
    ellipse(width /2 , height /2 +30, faceWidth*1.2, faceHeight*1.1);
    var eyeLX = width / 2 - faceWidth * 0.3; 
    var eyeRX = width / 2 + faceWidth * 0.3; 

    //eyes
    fill(238,232,219); 
    ellipse(eyeLX, height / 2, eyeSize, eyeSize+10);
    ellipse(eyeRX, height / 2, eyeSize, eyeSize+10);

    //pupil 
    fill(64, 60, 58); 
    ellipse(eyeLX, height/2-5.5, eyeSize-3 , eyeSize-2);
    ellipse(eyeRX, height/2-5.5, eyeSize-3, eyeSize-2);

    //mouth 
    stroke(0);
    strokeWeight(3);
    noFill();
    arc(width/2 ,height/2+80 ,mouthSize+10,mouthSize-10,0,PI);
    

    //nose
    noStroke(0);
    fill(0);
    ellipse(width/2,height/2+10,nose/7,nose/3);

    //nostrills
    noStroke(0);
    fill(255);
    ellipse(width/2-6,height/2+35,noseSize-10,4)
    ellipse(width/2+6,height/2+35,noseSize-10,4)

    //body 
    noStroke(0);
    fill(107,104,100);
    ellipse(width/2, height*3/4+100,180,300);
    fill(238,232,219);
    ellipse(width/2, height*3/4+150,100,300)

    //ear 

    beginShape();
    fill(107,104,100)
    curveVertex(180, 290);
    curveVertex(180,290);
    curveVertex(150, 160);
    curveVertex(125,  140);
    curveVertex(100,  240);
    curveVertex(140,  280);
    curveVertex(160,290);
    curveVertex(160,290);
    endShape();

   //ear2
    beginShape();
    fill(107,104,100)
    curveVertex(310, 290);
    curveVertex(310, 290);
    curveVertex(340, 160);
    curveVertex(365, 140);
    curveVertex(390,  240);
    curveVertex(360,  280);
    curveVertex(340,290);
    curveVertex(340,290);
    endShape();
}

    function mousePressed() {
    // when the user clicks, these variables are reassigned
    faceWidth = random(140, 200);
    faceHeight = random(180, 150);
    eyeSize = random(14, 40);
    nose = random(120,300);
    mouthSize = random(10,30); 
    background1 = random(0, 255); 
    background2 = random(0, 255); 
    background3 = random(0, 255); 

}

For this project, I made a character with my favorite animal, which is koala. I sketched first before starting with actual p5js. In the end, I decided to use “curveVertex” forming the ears, and arc for the lips. I had fun learning how to use variables and why they are used.

Isabelle LookingOutwards-02

Mario Klingemann:

Artificial Neural Artmaking Networks

Video and Audio generated by Klingemann’s program

Image Generated by Klingemann’s program

Image Generated by Klingemann’s program

Klingemann uses machines to generate art, he does this by feeding visual information into the code of generative adversarial networks, which can teach themselves how to create digital images that look like ones a human would create. What immediately struck me were the the pieces created by the machine. The embedded video struck me as particularly haunting (the program generated the music as well). Also the quality exceeded my expectations of computer generated content, before seeing this work I imagined pieces of this nature to follow grid structures/patterns.The algorithm mimics a neural network which responds to images by learning and creating. All of the works displayed follow a surrealist style with darker undertones. Since Klingemann did some of his work in continued collaboration with Google I am excited to see what the future holds for his work with the resources made available by Google.

Source: https://www.wired.com/story/neurographer-puts-the-art-in-artificial-intelligence/

jooheek-Project02-Variable-Face

sketch

//Joo Hee Kim
//Section E
//jooheek@andrew.cmu.edu
//Project-02

function setup() {
    createCanvas(640, 480);
}

var faceSize = 200;
var cheekSize = 230;
var earsSize = 50;
var eyeHeight = 50;
var eyeWidth = 30;
var hippoR = 149;
var hippoG = 186;
var hippoB = 198;
var backgroundR = 0;
var backgroundG = 77;
var backgroundB = 104;

function draw() {
	background(backgroundR, backgroundG, backgroundB);

	noStroke();
	//hippo ears
	var earsRX = width/2 - faceSize*0.25;
	var earsLX = width/2 + faceSize*0.25;
	var earsY = height/2 - faceSize*0.25;

	fill(hippoR, hippoG, hippoB);
	ellipse(earsRX, earsY, earsSize, earsSize);//outer ear right

	fill(hippoR, hippoG, hippoB);
	ellipse(earsLX, earsY, earsSize, earsSize);//outer ear left

	fill(hippoR-20, hippoG-20, hippoB-20);
	ellipse(earsRX, earsY, earsSize*0.8, earsSize*0.8);//inner ear right

	fill(hippoR-20, hippoG-20, hippoB-20);
	ellipse(earsLX, earsY, earsSize*0.8, earsSize*0.8);//inner ear left


	//hippo face
	fill(hippoR, hippoG, hippoB);
	ellipse(width/2, height/2, faceSize, faceSize*0.75);

	//hippo Eye
	var eyeRX = width/2 + faceSize*0.25;
	var eyeLX = width/2 - faceSize*0.25;
	
	fill(255, 255, 255);
	ellipse(eyeLX, height/2, eyeWidth, eyeHeight);//left eye white

	fill(255, 255, 255);
	ellipse(eyeRX, height/2, eyeWidth, eyeHeight);//right eye white

	fill(0, 0, 0);
	ellipse(eyeLX, height/2, eyeWidth/2, eyeHeight/2);//left eye black

	fill(0, 0, 0);
	ellipse(eyeRX, height/2, eyeWidth/2, eyeHeight/2);//right eye black
	
	//hippo cheek
	fill(hippoR+20, hippoG+20, hippoB+20);
	ellipse(width/2, 325, cheekSize, cheekSize*0.75);

	//hippo nose
	var noseRX = width/2 - cheekSize*0.25;
	var noseLX = width/2 + cheekSize*0.25;
	var noseY = height/2 + cheekSize*0.25;
	
	fill(hippoR+40, hippoG+40, hippoB+40);
	ellipse(noseRX, noseY, earsSize, earsSize);//hippo noseright light

	fill(hippoR+40, hippoG+40, hippoB+40);
	ellipse(noseLX, noseY, earsSize, earsSize);//hippo noseleft light

	fill(hippoR-10, hippoG-10, hippoB-10);
	ellipse(noseRX, noseY, earsSize*0.6, earsSize*0.6);//hippo noseright dark

	fill(hippoR-10, hippoG-10, hippoB-10);
	ellipse(noseLX, noseY, earsSize*0.6, earsSize*0.6);//hippo noseleft dark

}

function mousePressed() {
	faceSize = random(70, 270);
	cheekSize = random(100, 300);
	earsSize = random(50, 100);
	eyeHeight = random(50, 150);
	eyeWidth = random(30, 130);
	hippoR = random(0, 255);
	hippoG = random(0, 255);
	hippoB = random(0, 255);
	backgroundR = random(0, 255);
	backgroundG = random(0, 255);
	backgroundB = random(0, 255);
	clear();

}

For this project, I wanted to do something simple yet fun to do, which is why I chose to do an animal, specifically a hippo. I think this assignment really let me understand how and why variables are used.