Author: Jamie Park

Jamie Park – Project – 02

sketch

//Jamie Park           jiminp@andrew.cmu.edu
//15-104        Section E         Project #2

var bodySize = 130;
var tail = 150;
var eyes = 25;
var pupil = 10;
var faceWidth = 110;
var faceHeight = 150;
var mouth = 70;
var cheeks = 20;
var noseLength = 250

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

function draw(){
    background(128, 124, 115);

    strokeWeight(40);
    stroke(217, 180, 98);
    noFill();
    beginShape();
    curveVertex(width / 2 + 50, 640); //tail
    curveVertex(width / 2 - 80, 460);
    curveVertex(width / 2 - 130, 300);
    curveVertex(tail, 200);
    endShape();

    noStroke();
    fill (242, 205, 121);
    ellipse (width / 2, height / 2 + 150, bodySize, 250); //body

    fill (255, 233, 184);
    ellipse (width / 2, height / 2, faceWidth, faceHeight); //face
    var eyeLeft = width / 2 - faceWidth * 0.35;
    var eyeRight = width / 2 + faceWidth * 0.35;

    fill(255, 200, 176);
    ellipse (eyeLeft - 3, height / 1.80, cheeks, cheeks); //cheeks
    ellipse (eyeRight + 3, height / 1.80, cheeks, cheeks);

    fill(250);
    ellipse (eyeLeft, height / 2, eyes, eyes); //eyes
    ellipse (eyeRight, height / 2, eyes, eyes);

    fill(74, 72, 65);
    ellipse (eyeLeft, height / 2, pupil, pupil); //pupil
    ellipse (eyeRight, height / 2, pupil, pupil);

    fill(242,111,63);
    arc(width / 2, height / 1.80, mouth, mouth, TWO_PI, PI); //mouth

    strokeWeight(2);
    stroke (170, 156, 112);
    line (width / 2, noseLength, width / 2, height /2 + 3); //nose

    fill("pink");
    noStroke();
    triangle(eyeLeft - 10, height / 2 - 100, eyeLeft - 10, //horn
      height / 2 - 27, eyeLeft + 10, height / 2 - 32);
    triangle(eyeRight + 10, height / 2 - 100, eyeRight - 10,
      height / 2 - 32, eyeRight + 10, height / 2 - 27);
}

function mousePressed(){
    bodySize = random (110, 200);
    faceWidth = random(90, 170);
    faceHeight = random(130, 165);
    eyes = random(15, 28);
    mouth = random(50, 80);
    tail = random (0, 160);
    pupil = random(10, 15);
    cheeks = random(10, 20);
    noseLength = random (245, 260);
}

At first, I was skeptical with my ability to code this project. But once I started, I had a lot of fun altering the features that would fit into my creature! I am still struggling with effectively using curve vertex, but hopefully it will naturally come as I code more things.

Jamie Park – Looking Outwards – 02

Marcin Ignac’s Tatelet, 2014, a 3D printed bracelet based on the customer’s selection of art works

I am inspired by Marcin Ignac’s Tatelt, a generative artifact that uses data from Tate Modern museum. The 3D printable bracelet is very unique to the user, as the person can choose the artwork that wants to be part of the bracelet. Based on the selection, an algorithm using Javascript that has been designed to analyze the complexity and color palettes of the artworks orders the 3D printer to print a bracelet with a specific pattern.

The fact that the artist decided to create an artifact to represent the data really impresses me. Likewise, this project is very similar to datavis (data visualization) in design. I like this artwork in particular because it is a different way of approaching data and visualizing it, as the work combines technology and creativity to create something special. I wish I would be able to combine technology into my design career and be able to create something meaningful.

You can see more of his works here: http://marcinignac.com/projects/

Jamie Park – Project – 01

sketch

//Jamie Park           jiminp@andrew.cmu.edu
//15-104        Section E         Project #1

function setup(){
    createCanvas(400,500);
    background(50,53,74);
    noStroke();

    fill(217,240,255);
    rect(100,360,200,170,50);

    fill(238,204,186);
    rect(177,300,50,100,50);
    fill(255,229,202);
    ellipse(200,230,200,230);
    fill(255,229,202);
    ellipse(105,265,25,40);
    ellipse(297,265,25,40);

    fill(57,24,9);
    arc(200, 230, 210, 232, PI, TWO_PI);
    ellipse(200,107,70,60);
    triangle(134,245,143,235,178,245);
    triangle(225,245,260,235,269,245);

    fill(247,215,216);
    ellipse(258,285,33,30);
    ellipse(143,285,33,30);

    fill(242,111,63);
    arc(200, 290, 70, 70, TWO_PI, PI);

    fill(250);
    ellipse(160,260,25,25);
    ellipse(240,260,25,25);
    fill(0);
    ellipse(160,260,15,15);
    ellipse(240,260,15,15);

    fill(36,201,152);
    rect(102,280,7,9,10);
    rect(292,280,7,9,10)
}

This was my first time creating a visual via coding, and it was so much harder than I anticipated. Although it would be lying to say that I was not frustrated with the process, I still had a lot of fun. I also got to appreciate the programmers of Photoshop and Illustrator.

Jamie Park-Looking Outwards-01

Photo image of Matt Copson’s Blorange

Link to the website

I am inspired by Matt Copson’s Blorange (2018), a laser-projection art displayed at Foundation Louis Vuitton. The art piece consisted of three different laser projections of a bird: one perfectly well, one on a skewer, and the other in its deconstructed or abstract state. The video work constantly moves the birds with a recital in the background, capturing the attention of the viewer. Copson’s work alludes to British pop culture and comments on the way people perceive society.

Although Copson is the listed artist of this piece, the coding for this laser work is done by Pieterjan Ruysch, a laser programmer based in Netherlands. Since he is a professional, I suspect that the coding did not take long for Ruysch. He, unfortunately, does not list on his website whether he uses custom script or “off-the-shelf” software.

I find Blorange to be a First World Art, as I have never seen a laser-projection video art with a narrative before. Copson’s unique ability to combine technology, art, and story telling has inspired me to create something similar. I am excited to learn how to code through 15-104 and utilize those skills in my future design classes.

The video of Copson’s Blorange is unfortunately unavailable online.