amyas – [OLD FALL 2020] 15-104 • Introduction to Computing for Creative Practice

LookingOutwards-04

amyas — Sun, 27 Sep 2020 00:09:11 +0000

The title of the work I chose to discuss is Soundmachines, Creative Sound Production Device 2011 and was made in collaboration with
producer Yannick Labbé. It consists of three discs, spinning similarly to vynil records. Each disc is encoded with different
arrangements of colors that correspond to individual tracks in Ableton Live, a digital audio workstation. I particularly enjoyed
this project because I am fascinated by analog synthesizers, a musical tool that relates deeply to programming. I also enjoy that
there is a degree of human interaction with the piece, where the user can shift the placement of the readers along the radius of
each disc to change the output.

youtube.com/watch?v=_gk9n-2lBb8

Project-03-Dynamic Drawing

amyas — Sun, 20 Sep 2020 21:33:07 +0000

proj3 Download

// Amyas Ryan   Section A

function setup() {
    createCanvas(600, 450);

}

function draw() {
    background(62, 100, 144);
    noStroke();

    //top ellipses
    let tone = 255 - (mouseY / 6)
    fill(tone , 105, 22);
    ellipse(100, 0, 100, mouseY * 1.5);
    fill(235, tone, 22);
    ellipse(300, 0, 100, mouseY * 1.5);
    fill(235, 105, tone);
    ellipse(500, 0, 100, mouseY * 1.5);

    //bottom ellipses
    fill(185, tone, 106)
    ellipse(0, 450, 100, mouseY * 1.5);
    fill(tone, 49, 106)
    ellipse(200, 450, 100, mouseY * 1.5);
    fill(185, 49, tone)
    ellipse(400, 450, 100, mouseY * 1.5);
    fill(tone, 49, tone)
    ellipse(600, 450, 100, mouseY * 1.5);

    //squares
    let opacity = 255 - (mouseX / 6);
    let sw = (mouseX / 4);
    stroke(255, 255, 255, sw);
    push();
    translate(100, 110);
    rectMode(CENTER);
    rotate(radians(mouseX));
    scale(mouseX / 30);
    fill(172, 68, 58, opacity);
    rect(0, 0, 20, 20);
    pop();
    push();
    translate(300, 220);
    rectMode(CENTER);
    rotate(radians(mouseX));
    scale(mouseX / 30);
    fill(242, 187, 49, opacity);
    rect(0, 0, 20, 20);
    pop();
    push();
    translate(480, 50);
    rectMode(CENTER);
    rotate(radians(mouseX));
    scale(mouseX / 30);
    fill(219, 163, 175, opacity);
    rect(0, 0, 20, 20);
    pop();
    push();
    translate(430, 350);
    rectMode(CENTER);
    rotate(radians(mouseX));
    scale(mouseX / 30);
    fill(212, 108, 64, opacity);
    rect(0, 0, 20, 20);
    pop();

}

Looking Outwards-03

amyas — Sun, 20 Sep 2020 21:26:47 +0000

I chose a digitally fabricated art piece by the group FIIDAA Art, which was created by the artist Cha Jong-Rye.
The work resembles a crumpled piece of fabric or paper, but is entirely composed on laminated plywood sheets.
I assume that the form was generated in some sort of three dimensional modeling software, such as Rhino3d or Maya
using parametric inputs. In terms of the fabrication, the model was split into many thin layers the same depth as the
plywood sheets. Then, each sheet was individually cut by a CNC router and then laminated together to created the final
form. I chose this work because I have made work with this same process, but at a much smaller scale.

https://www.fiidaaart.com/artists-ai/cha-jong-rye-cj-03

LookingOutwards-02

amyas — Sat, 12 Sep 2020 23:45:32 +0000

For a piece of generative art that I found inspirational, I chose the work “Strich” by Leander Herzog. The work itself is very visually pleasing in its graphic simplicity. There are the same six colors no matter how you interact with it. That being said, it is an interactive work, similar to this weeks project in which one clicks their mouse for a different visual. In this work however, the work will continue to move and develop until the mouse is clicked again. Besides the mouse click aspect, it seems that the forms being constantly generated are random. Lines of one of the six colors, appear, and then they expand their width across the screen in a direction. I find it especially cool that in his case that he applies complex algorithms to very basic geometries, rather than using an algorithm to generate highly complex geometries.

http://www.leanderherzog.ch/strich/

Project-02-Variable Face

amyas — Sat, 12 Sep 2020 23:40:31 +0000

sketch9.12.2 Download

// Amyas Ryan Section A
var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 150;
var mouthSize = 60;
var browSize = 30;

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

function draw() {
    background(226, 146, 170);
    fill(60, 200, 72);
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);
    var eyeLX = width / 2 - faceWidth * 0.25;
    var eyeRX = width / 2 + faceWidth * 0.25;
    var mouth = width / 2
    var browL = width / 2 - faceWidth * 0.25;
    var browR = width / 2 + faceWidth * 0.25;
    arc(240, 360, 60, 40, 0, 180);
    fill(255, 255, 255);
    ellipse(eyeLX, height / 2, eyeSize, eyeSize);
    ellipse(eyeRX, height / 2, eyeSize, eyeSize);
    fill(30, 170, 42);
    ellipse(mouth, height / 2 + 100, mouthSize + 20, mouthSize);
    fill(0, 0, 0);
    rect(browL, height / 2 - 40, browSize, browSize / 2);
    rect(browR - 10, height / 2 - 40, browSize, browSize / 2);
}

function mousePressed() {
    faceWidth = random(150, 300);
    faceHeight = random(300, 500);
    eyeSize = random(10, 30);
    mouthSize = random(20, 70);
    browSize = random(10, 40);
}

amyas — Tue, 08 Sep 2020 12:54:09 +0000

here is my project from last week

sketch3

// Amyas Ryan section A
function setup() {
    createCanvas(600, 600);
    background(140, 203, 211);
}

function draw() {
    strokeWeight(0);
    fill(34, 68, 34);  //shirt
    quad(0, 600, 600, 600, 530, 530, 50, 500);
    quad(50, 500, 530, 530, 380, 430, 230, 400);
    fill(201, 114, 65); //skinshadow
    ellipse(290, 450, 175, 75);
    quad(205, 450, 375, 450, 365, 320, 230, 340);
    ellipse(390, 250, 30, 70);
    fill(277, 132, 72); //skinlight
    quad(265, 390, 320, 390, 365, 350, 235, 360);
    quad(235, 360, 365, 350, 385, 290, 215, 325);
    triangle(215, 325, 385, 290, 205, 290);
    quad(205, 290, 385, 290, 395, 160, 195, 160);
    ellipse(200, 250, 30, 70);
    fill(69, 23, 16);  //hair
    ellipse(295, 150, 195, 75);
    quad(380, 250, 395, 220, 400, 180, 375, 180);
    quad(200, 220, 210, 250, 215, 180, 195, 180);
    quad(225, 220, 235, 215, 275, 207, 230, 205);
    quad(315, 207, 360, 205, 365, 220, 355, 215);
    fill(210, 115, 58);  //hatlight1
    quad(195, 200, 295, 150, 295, 135, 195, 170);
    fill(166, 82, 35);  //hatdark1
    quad(295, 150, 410, 210, 400, 185, 295, 135);
    fill(246, 213, 153); //hatlight2
    quad(195, 170, 295, 135, 295, 35, 200, 60);
    fill(211, 182, 136); //hatdark2
    quad(295, 135, 400, 185, 390, 60, 295, 35);
    fill(85, 255, 16, 50);
    ellipse(295, 90, 75, 75);
}

LO-1

amyas — Tue, 08 Sep 2020 12:27:32 +0000

One work that I have found inspirational is the installation made by Nader Tehrani at the Moma in 1998. It is a sculptural piece,
essentially just an orthogonal grid push thru and projected across a distorted plane. The work is made of intricately folded metal, and
was completely custom fabricated. It was one of the first explorations in computational design in architecture aside from the work of
Frank Gehry. I was fascinated at how small the margin of error in the construction was due to the precision of the computational work
and its inherent intricacy. One can look at the work and only see the orthogonal grid, but as the move around the work, it begins to
distort from that shape heavily.

ON THE NECESSITY OF MESSY RESEARCH