Author: Sharon

dayoungl – LookingOutwards02

Kyuha Shim’s Formation (2016) commissioned by Alliance Graphique Internationale (AGI).

I found this project on his portfolio website. Q is currently here at School of Design teaching communication design. Q is famous for creating his projects using the concept of data visualization. There isn’t a lot of description about this project other than “Commissioned by Alliance Graphique Internationale (AGI) for the Special Project Exhibition during AGI conference in Seoul 2016. A generative system that presents a critical view of responsive systems through multitudinous transitions and scaling of graphic forms.” What I found interesting about this work was that it transformed simple elliptical shapes into something more interesting by randomizing proportion and colour. I was also amazed by despite how random the colours are, no one colour seems unfitting.

dayoungl – Project02

sketch

//Sharon Lee
//Section E
//dayoungl@andrew.cmu.edu
//Project-02
var eyeDepth = 100;
var eyeLevel = 175;
var faceWidth = 250;
var faceHeight = 330;
var earWidth = 20;
var earLength = 120;

function setup() {
    createCanvas(400, 600);
    angleMode(DEGREES);
}
//create a face of a Moai sculpture
function draw() {
    background(170,195,227);
    //ears
    fill(121,117,130);
    noStroke();
    rect(60,eyeLevel+20,earWidth,earLength);
    rect(320,eyeLevel+20,earWidth,earLength);
    //face shape
    fill(74,72,77);
    noStroke();
    rect(75,75, faceWidth,faceHeight);
    arc(width/2,75,faceWidth,60,180,0);
    arc(width/2,400,faceWidth,80,0,180);
    //eyehole
    fill(32,31,39);
    arc(width/2,eyeLevel,faceWidth,eyeDepth,180,0);
    //nose
    fill(121,117,130);
    arc(width/2,eyeLevel,60,45,180,0);
    quad(170,eyeLevel,230,eyeLevel,240,300,160,300);
    var noseTip = 300;
    var noseWidth = 80;
    fill(59,57,62);
    noStroke();
    arc(width/2,noseTip,noseWidth,noseWidth-45,0,180);
}


function mousePressed() {
    earLength = random(100,150);
    eyeLevel = random(150,185);
    eyeDepth = random(70,140);
      
}

Moai Fam

dayoungl – Project01

sketch

//Sharon Lee
//Section E
//dayoungl@andrew.cmu.edu
//Project-01
function setup() {
    createCanvas(400,600);
    background(133,205,240);
    angleMode(DEGREES);
}

function draw() {
    //hair
    fill(7,14,33);
    noStroke();
    ellipse(200,300,260,400);

    //arms
    fill(255,214,150);
    noStroke();
    rect(305,502,50,100);
    fill(255,214,150);
    noStroke();
    rect(45,502,50,100);
    
    //sleeves_left
    fill(240,255,255);
    noStroke();
    ellipse(290,500,130,140);
    fill(240,255,255);
    noStroke();
    quad(305,502,355,502,365,570,300,570);
    //sleeves_right
    fill(226,240,240);
    noStroke();
    quad(45,502,95,502,85,570,35,570);
    fill(226,240,240);
    noStroke();
    ellipse(110,500,130,140);

    //body
    fill(240,255,255);
    noStroke();
    quad(105,430,300,430,320,600,80,600);
    fill(226,240,240);
    noStroke();
    triangle(105,430,80,600,240,600);

    //tshirt lines
    stroke(255,207,81);
    strokeWeight(7);
    line(99,500,305,500);
    stroke(207,0,0);
    strokeWeight(4);
    line(99,510,305,510);
  
    //neck
    fill(255,214,150);
    noStroke();
    rect(165,380,70,50);
    fill(255,214,150);
    noStroke();
    ellipse(200,430,70,70);
    fill(191,160,112);
    noStroke();
    arc(201,380,70,85,0,160);

    //face shape
    fill(204,171,120);
    arc(195,230,185,350,0,180);
    fill(255,214,150);
    noStroke();
    //ellipse(200,230,185,200);
    arc(195,225,185,350,0,180);

    //hair1
    fill(7,14,33);
    noStroke();
    arc(110,160,240,200,0,100);
     //triangle(107,230,165,200,293,230);

    //eyes
    fill(7,14,33);
    noStroke();
    ellipse(163,288,34,17);
    fill(7,14,33);
    noStroke();
    ellipse(237,288,34,17);

    fill(255,255,255);
    noStroke();
    ellipse(165,290,30,16);
    fill(255,255,255);
    noStroke();
    ellipse(235,290,30,16);

    //pupils
    fill(7,14,33);
    noStroke();
    ellipse(random(160,170),290,12,12,);
    fill(7,14,33);
    noStroke();
    ellipse(random(230,240),290,12,12);

    //brows
    stroke(7,14,33);
    quad(142,270,179,270,180,272,139,272);
    stroke(7,14,33);
    quad(258,270,221,270,220,272,261,272);

    //nose
    stroke(255,186,130);
    strokeWeight(4);
    line(204,328,200,300);
    stroke(255,186,130);
    strokeWeight(3);
    line(197,331,204,328);

    //mouth
    fill(232,108,150);
    noStroke();
    ellipse(200,360,10,10);
    fill(161,44,75);
    noStroke();
    ellipse(200,362,8,6);
}

dayoungl – LookingOutwards01

 

 

When I was searching through YouTube couple years ago for a design technology assignment, I encountered an interactive project done by MIT Tangible Media Group and I was really drawn to it. According to the creators’ website, this project is named inFORM and what is interesting about this project is that this machine renders and displays 3-dimensional objects physically so that the viewers are able to interact with “digital information in a tangible way”. There are three main contributors to this project who came up with the concept – Daniel Leithinger, Sean Follmer, and Hiroshi Ishii – along with many other engineers who contributed to the actual making of this program. However, the information on the duration of the project was not clearly mentioned in the website. As the project was conducted under a MIT owned institution, they would have most likely came up with their own system or software for the project but I am not entirely sure about this. Currently, this project is being developed for applications in geospatial data, urban planning, and architecture.