Author: Lan

Lan Wei-LookingOutwards-04

The project has a very profound inspiration, which is the thinking about the universe asnd life. I admire the appalling visual effect as well as the harmonious match of the graphic and the music. The graphic does follow the flow of the music and push people to think about life and the universe using their own imagination. I don’t know much about the algorithms behind but I guess the designer makes use of the music volume and tone to generate random graphic within certain logical frame, and thus what we see is well-designed but not repetitive at all.  The creator’s artistic sensibilities is well shown in the dynamic movement of the grapic. The centrol idea of the universe of the designer is that it forms and reforms in an endless pattern, which is reflected in the transformation of shapes and the seeming randomness.

https://www.creativeapplications.net/maxmsp/multiverse-the-eternal-birth-and-death-of-infinite-parallel-universes/

Lan Wei-Project-04-String-Art

my-sketch.js
In the project I tried to create the sence of space by creating layers of different properties. And by adding the balls on the strings, I attempt to create a dynamic feeling in the still graphic.

function setup() {
    createCanvas(400, 300);
    background(0);
}

function draw() {
    //back lines
    for (var y1 = 0; y1 < height; y1 += 7){
        stroke(0, 0, 120);
        strokeWeight(0.1);
        line(0, y1, width, y1)
    }

    //draw the top-down curves
    x1 = 0;
    x2 = width;
    y2 = 0;
    for (var y1 = 0; y1 < height - 50; y1 += 10){
        x2 -= 20;
        stroke(150);
        strokeWeight(0.1);
        line(x1, y1, x2, y2);
    }

    //draw the first part of the curves
    x1 = 0;
    x2 = 0;
    y2 = height;
    for (var y1 = 0; y1 < height - 70; y1 += 10){
        x2 += 40;
        stroke(255);
        strokeWeight(0.3);
        line(x1, y1, x2, y2);
    }

    //draw the second part of the curves
    x2 = width;
    y2 = height - 50;
    for (var y1 = height - 70; y1 < height + 100; y1 += 10){
        y2 += 3;
        stroke(255);
        strokeWeight(0.5);
        line(x1, y1, x2, y2);
    }

    //balls
    fill(3, 168, 158);
    noStroke();
    ellipse(300, 215, 15, 15);

    //draw the red curves
    y1 = height;
    y2 = height;
    for (var x1 = 0; x1 < width; x1 += 10){
        y2 -= 20;
        stroke(150, 20, 0);
        strokeWeight(0.5);
        line(x1, y1, x2, y2);
    }

    //balls
    fill(3, 168, 158);
    noStroke();
    ellipse(120, 200, 50, 50);
    ellipse(30, 100, 30, 30);
    ellipse(310, 90, 60, 60);
    ellipse(420, 200, 100, 100);
}

Lan Wei-LookingOutwards-01

The structure in operation

The artwork was done by David Bowen in 2010. It really interests me because the artwork integrates physical and visual worlds together and fascintes people while confusing them. Modern technologies always give people the impression of aligning nature, but in this artwork nature and man-made object are connected harmoniously and a new mode of ‘nature’ is created. This is a very small piece of artwork and it can serve as a prototype. I can see the potential that the idea being used in creating spatial experience. For example, building a house using the technology might enable people living inside feel how wind moves around the house, which is amazing.

In fact, David Bowen also did a piece of artwork that utilizes movement of objects to imitate the impact of wind. Again, for me the loop of ‘learn from nature, imitate nature, create a new nature’ is the most interesting part of the artwork.

Source: https://www.youtube.com/watch?v=0p3je4WGcM0

Lan Wei-Project-01-Face

sketch

function setup() {
    createCanvas(600, 600);
    background(68, 130, 128);
    strokeWeight(3);
}

function draw() {
    //hat
    fill(196, 42, 42);
    stroke(196, 42, 42);
    ellipse(300, 260, 205, 195);

    //quilt
    ellipse(300, 570, 320, 500);
    stroke(232, 139, 139);
    push();
    strokeWeight(40);
    beginShape();
    curveVertex(240, 350);
    curveVertex(240, 290);
    curveVertex(230, 370);
    curveVertex(350, 440);
    curveVertex(360, 470);
    curveVertex(350, 500);
    curveVertex(330, 600);
    curveVertex(330, 700);
    endShape();
    pop();

    //face
    fill(245, 230, 120);
    stroke(245, 230, 120);
    beginShape();
    curveVertex(220, 100);
    curveVertex(220, 240);
    curveVertex(230, 350);
    curveVertex(300, 400);
    curveVertex(370, 350);
    curveVertex(380, 240);
    curveVertex(380, 100);
    endShape();
    push();
    fill(232, 169, 132);
    stroke(232, 169, 132);
    ellipse(250, 360, 20, 20);
    ellipse(350, 360, 20, 20);
    pop();

    //glasses
    push();
    strokeWeight(1)
    stroke(0);
    noFill()
    ellipse(250, 313, 70, 73);
    ellipse(350, 313, 70, 73);
    line(285, 313, 315, 313);
    pop();

    //eyebrow
    stroke(0);
    push();
    strokeWeight(5)
    line(230, 270, 270, 273);
    line(370, 268, 330, 273);
    pop();

    //eye
    line(220, 320, 270, 330);
    push();
    translate(350, 325);
    fill(255);
    strokeWeight(2);
    rotate(radians(-7));
    ellipse(0, 0, 50, 7);
    strokeWeight(3);
    ellipse(-2, 0, 5, 5);
    pop();

    //mouth
    fill(250, 70, 70);
    stroke(250, 70, 70);
    triangle(300, 355, 293, 375, 307, 375);
    fill(255);
    stroke(255);
    triangle(300, 355, 299, 357, 301, 357);

    //hair
    fill(0);
    stroke(0);
    quad(220, 241, 170, 330, 230, 370, 230, 350);
    quad(380, 241, 370, 241, 370, 370, 450, 330);

    //hat part 2
    fill(207, 71, 71);
    stroke(207, 71, 71);
    ellipse(300, 247, 175, 45);
}