Project 4 – String Art

When you reload it changes the color of the bottom left quadrant.

sketch
var dx1;
var dy1;
var dx2;
var dy2;
var numLines = 30;

function setup() {
    createCanvas(400, 300);
    background(50);
    strokeWeight(0.01);
    stroke(255);
    line(50, 150, 200, 250);
    line(50, 150, 200, 50);
    line(200, 50, 350, 150);
    line(350, 150, 200, 250);
    line(50, 150, 350, 150);
    line(200, 50, 200, 250);

    //line(50, 50, 150, 300);
    //line(300, 300, 350, 100);
    dx1 = (200-50)/(1.05*numLines); // top left line X
    dy1 = (150-50)/(1.05*numLines); // "" Y
    dx2 = (350-200)/(1.05*numLines); // top right line X
    dy2 = (150-50)/(1.05*numLines); // "" Y
    dx3 = (350-200)/(1.05*numLines); //bottom right line X
    dy3 = (250-150)/(1.05*numLines); // "" Y
    dx4 = (200-50)/(1.05*numLines); //bottom left line X
    dy4 = (250-150)/(1.05*numLines); // "" Y


}

function draw() {

    strokeWeight(0.3); 
    stroke(0, 255, 0); //Quadrant 1 Y Changing (Green)
    var x1 = 50;
    var y1 = 150;
    var x2 = 200;
    var y2 = 50;

    for (var i = 0; i <= numLines; i += 1) {
        line(x1, y1, x2, y2);
        y2 += dy2;
    }

    stroke(255, 0, 0);//Quadrant 2 Y Changing (Red)
    var x3 = 350; 
    var y3 = 150;
    var x2 = 200;
    var y2 = 50;
    
    for (var i = 0; i <= numLines; i += 1) {
        line(x3, y3, x2, y2);
        y2 += dy2;
    }

    stroke(255, 0, 0); //Quadrant 3 Y Changing (Red)
    var x3 = 350; 
    var y3 = 150;
    var x4 = 200;
    var y4 = 250;

    for (var i = 0; i <= numLines; i += 1) {
        line(x3, y3, x4, y4);
        y4 -= dy4;
    }

    stroke(random(255), random(255), random(255)); //Quadrant 4 Y Changing (Random);
    var x1 = 50; 
    var y1 = 150;
    var x4 = 200;
    var y4 = 250;
   
    for (var i = 0; i <= numLines; i += 1) {
        line(x1, y1, x4, y4);
        y4 -= dy4;
    }

    stroke(77, 77, 255); //Quadrant 1 X Changing (Blue)
    var x2 = 200; 
    var y2 = 50;
    var x1 = 50;
    var y1 = 150;

    for (var i = 0; i <= numLines; i += 1) {
        line(x2, y2, x1, y1);
        x1 += dx1;
    }

    stroke(80, 200, 120);
    var x2 = 200; //Quadrant 2 X Changing (Green)
    var y2 = 50;
    var x3 = 350;
    var y3 = 150;

    for (var i = 0; i <= numLines; i += 1) {
        line(x2, y2, x3, y3);
        x3 -= dx3;
    }

    stroke(0, 0, 255); //Quadrant 3 X Changing (Blue)
    var x4 = 200; 
    var y4 = 250;
    var x3 = 350;
    var y3 = 150;

    for (var i = 0; i <= numLines; i += 1) {
        line(x4, y4, x3, y3);
        x3 -= dx3;
    }

    stroke(random(255), random(255), random(255)); //Quadrant 4 X Changing (Random Color)
    var x4 = 200; 
    var y4 = 250;
    var x1 = 50;
    var y1 = 150;
    

    for (var i = 0; i <= numLines; i += 1) {
        line(x4, y4, x1, y1);
        x1 += dx1;
    }



    noLoop();
}

Looking Outwards – 03

The Mediated Matter group creates fabrication tools to enhance the relationships between our natural and man – made environments. It also focuses on material ecology.

One of their projects, the Aguahoja II builds upon this technology by creating biopolymer skin. They used a generative pattern of rigid veins containing high concentrations of cellulose within the multi-material skin. Something that I most admire about this project is its functionality and how purposeful it is.  By incorporating natural pigments and dyes, the patterns that are inspired by them can be used to communicate with other organisms. The creators artistic sensibilities come in with the fact that they get to create and turn the different culmination of patterns into skin.

https://www.media.mit.edu/projects/aguahoja-ii/overview/

Looking Outwards _02

Nervous System combines research, computer graphics, and math to produce product design. The things that excites this company are “natural processes that produce complex forms from simple rule sets.” Something I admire about this artists work is the complexity of it while it being somewhat simple. With the repetitive patterns and forms, they’ve been able to take these designs to actual products including rings, metalsmith, and generative art. The rings honestly inspire me because it uses fuse art, science, and technology showing us the real life uses of using generative art. They use a mixture of computation, 3D-Printing and traditional metalsmithing. Further, they also make their jewelry come to life through their complex forms which a lot of the time include forms based on the nervous system of animals, humans. The founder, Jessica Rosenkrantz is also inspiring for her history and background in computing design, architecture, teaching and being a professor at MIT, and programming.

https://n-e-r-v-o-u-s.com/projects/

LO: My Inspiration

There is this generative artist and software developer Lulu xXX who created this work of art called “Take me to the moon”. I don’t know how long it took them to make it but they design intimate and feminine artwork focusing on using 3D modeling and CGI. They build their own tools using custom/open-sourced code. They focus on beauty and iconography, which uses these visual images and symbols and helps us study the interpretation of them. Further, they use “optical flow analysis” to capture motion in their art and start generating this pixel aesthetic. I think this type of computational art is super important in understanding how activism and aesthetics and technology work together. Especially in modern times, its further important to look at how we can express women and cultures in a way that’s expressive and beautiful.

https://makersplace.com/luluxxx/feed/