J – [OLD SEMESTER] 15-104 • Introduction to Computing for Creative Practice

Looking Outwards – 07

This project is called Flight Patterns by Aaron Koblin.

This is the visualization of the dataset of air traffic in North America. I think this project is very interesting in that each line created represents a different path, and in the end, the general form created reminds the audience of the form of North America on the map. The points of destinations of
“meeting points” that are overlapped often are white, and the paths, in general, have different colors to give diversity to the work and emphasize each unique flight pattern. As indicated from the official site, the dataset of the patterns was plotted using a processing programming environment.

Link

Looking Outwards – 06

The work that I chose is called Tree Drawing by artist Tim Knowles. The canvas was placed in close proximity with a tree branch, and 100 ink pens were attached to the tree branch.

I thought this project was particularly interesting, because movement of nature is truly random and unable to predict. In this particular work, the factors that create the artwork would be the breeze, the intensity and direction, and how the tree branches move accordingly. The final presentation of the work breaks the canvas into equal size parts. The original canvas was placed on the ground, made specifically to create a disc-like shape around an entire tree.

Link to description

Project 5 – Wallpaper

In this work I tried to incorporate the four colors of the Korean flag: red, blue, black and white, in addition to the rectangles present on the flag, and a brief geometric shape of the national flower (Mugunghwa).

var col;
var row;
var col1;
var row1;
function setup() {
    createCanvas(600, 600);
}

function draw() {
    background(0);
    rectangles();
    for(col = 60; col <= 600; col += 200) {
        for(row = 60; row <=600; row += 200) {
            flowers(col,row);
            print(row);
        }
        print(col);
    }
    noLoop();
    for(col1 = 150; col1 <= 600; col1 += 200) {
        for(row1 = 150; row1 <= 600; row1 += 200) {
            flowers(col1, row1);
        }
    }
}

function rectangles(){
    for(var x = 0; x<=600; x +=90){
        for (var y=20; y<=600; y +=50){
        fill(255);
        rect(x,y,55,15);    
        }
    
    }
}


function flowers(x,y) {
    push();
    translate(x,y);
    fill(255,0,0);
    ellipse(25,0,30,30);
    rotate(PI/3);
    fill(0,0,153);
    ellipse(25,0,30,30);
    rotate(PI/3);
    fill(255,0,0)
    ellipse(25,0,30,30);
    rotate(PI/3);
    fill(0,0,153);
    ellipse(25,0,30,30);
    rotate(PI/3);
    fill(255,0,0);
    ellipse(25,0,30,30);
    rotate(PI/3);
    fill(0,0,153);
    ellipse(25,0,30,30);
    fill(230,230,250);
    ellipse(0,0,15,15);
    pop();
}

Looking Outwards – 05

The artwork that I found inspiration is called

“Gone, and Appear” by the artist Yuuki Morita.

I admire the artist and his works as they are hyperrealistic works of mythical creatures. The texture in addition to the shadow and lighting is as if the works are sculptures of the creatures he creates. The patterns on the texture of the “sculptures” create an impactful visual appeal to the audience. As an artist who started art only in 2019, I find it amazing that he can create such intricate 3d art.

Link

Project-04-String-Art

index-9

var dx1; var dy1; var dx2; var dy2; var numLines = 43; function setup() { createCanvas(400, 400); background (0); dx1 = (100)/numLines; dy1 = (250)/numLines; dx2 = (50)/numLines; dy2 = (-200)/numLines; } function draw() { var x1 = 0;// dark blue wave var y1 = 350; var x2 = 400; var y2 = 300; for (var i = 0; i The inspiration for this string art project were ocean waves, created by three different shades of waves.

Looking Outwards-04

The inspirational project that I found is called Forms- Screen Ensemble , created in 2020. I found this artwork very interesting, as the graphic scores that are created by random probability are transformed into sound through a unique algorithm, creating music as played in the video. From the description it was interesting that the project was described as something that the audience can literally simultaneously hear what they see. The algorithms that generated the work are that briefly, the three screens each contribute to create sound as they each cover rhythm, texture, and harmony. The screens display graphics that are endless, and can never be repeated again.

Link

Project 3: Dynamic Drawing

The project that I found inspirational is Benjamin Dillenburger’s Numerical Material. This project was created in 2021.

*Numerical Material*. This photo portrays the overall form of the artwork.

*Numerical Material*. This photo potrays the details of the algorithm of how the artwork was created when observed closely.

I admire this project because, the overall shape of the artwork has curves and has circular and soft lines and forms, yet when looked closely, these curves are created my geometric shapes of lines (sticks). While the sticks are white, the curvature of the surface creates positive and negative spaces as well as shadows, and lighter spaces which make the artwork very interesting to observe. The “set of rules” of parametric object are that the multiple sticks are overlapped onto each other to create a curve, and to connect the “curves” in a technical aspect to have the artwork itself hold, there are supporting sticks that overlap between these curves.

Link to Artwork

Project 2- Variable Faces; Face Variables

var eyeSize = 25;
var faceWidth = 150;
var faceHeight = 180;
var mouthWidth = 40;
var mouthHeight = 15;
var browWidth = 10;
var browHeight = 3;
var noseColor = 230; 
 
function setup() {
    createCanvas(480, 640);
}
 
function draw() {
    background(173,216,230);
    fill(246,232,205);
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);
    var eyeLX = width / 2 - faceWidth * 0.2;
    var eyeRX = width / 2 + faceWidth * 0.2;
    fill(0,100,0);
    ellipse(eyeLX, height / 2, eyeSize, eyeSize);
    fill(0,100,0);
    ellipse(eyeRX, height / 2, eyeSize, eyeSize);
    fill(199,54,59);
    ellipse(width/2, (height/2+35), mouthWidth, mouthHeight);
    var browY = height/2 - 30;
    fill(0);
    rect(eyeLX-5,browY,browWidth, browHeight);
    fill(0);
    rect(eyeRX-5,browY,browWidth, browHeight);
    fill(noseColor);
    triangle(width/2,height/2+5,width/2-8,height/2+20, width/2+8,height/2+20)
}
 
function mousePressed() {
    // when the user clicks, these variables are reassigned
    // to random values within specified ranges. For example,
    // 'faceWidth' gets a random value between 75 and 150.
    faceWidth = random(75, 150);
    faceHeight = random(100, 200);
    eyeSize = random(10, 30);
    mouthWidth = random(10,45);
    mouthHeight = random(10,20);
    browWidth = random (10,20);
    browHeight = random (3,7);
    noseColor = random (0,255);
}

The face that I created varies the mouth shape, eye size, and face shape, brow shape and nose shade on each click.

LO-02 Generative Art

This generative artwork is Probability Lattice by the artist Marius Watz. This artwork was created in 2012 using a 3D printer from a Makerbot replicator.

I admire this artwork as it uses a repetition of geometric shapes on the surface, and the overall dynamics of the form of the piece is created using the geometric surface. Another reason I was interested in this artwork is because I have used 3D pens in the past to create a 3D form with triangles before, similar to the artist’s work.

The algorithm that generated this work seems like it used the repetition of shapes (triangles) with lengths of the sides that are slightly different for each shape. Because the triangles are created with just the outlines and have no surface area, this results in an interesting combination of positive and negative space in the work.

Link to artwork

Project 1: My Self Portrait

function setup() {
    createCanvas(800, 600);
}
function draw() {
    background(249,246,238);//face color
    fill(5,5,5); //black hair 
    rect(0,0,70,600);
    rect(100,0,40,600);
    rect(720,0,70,600);
    rect(650,0,40,600);
    fill(118,93,53);//highlights
    rect(70,0,30,600);
    rect(690,0,30,600);

    fill(5,5,5);//eyebrows
    strokeWeight(18);
    line(450,150,550,140);//right eyebrow
    line(550,140,590,155);
    line(350,150,250,140);//left eyebrow
    line(210,155,250,140);

    fill(255,255,255);//eyes
    ellipse(260,250,50,60);//left eye
    ellipse(530,250,50,60);//right eye
 
    fill(48,43,36);//lashes
    line(260,200,260,210);//left 1
    line(240,200,250,210);//left 2
    line(530,200,530,210);//right 1
    line(550,200,540,210);//right 2

    fill(48,43,36);//eyebags
    strokeWeight(13);
    line(275,290,240,330);//left 
    line(535,290,560,330);//right 

    fill(208,165,105);//nose
    triangle(400,250,360,350,440,350);

    fill(179,78,50);//lips
    strokeWeight(7);
    arc(350,400,200,90,0,HALF_PI,CHORD);

    noLoop();
}

My project is a very zoomed in version of my face and emphasizes my highlights, and is mostly symmetrical other than my mouth.