Category: Uncategorized

sketch

//Elise Chapman
//ejchapma
//Section D

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

var dx1;
var dy1;
var dx2;
var dy2;

function draw() {
    background(30,50,49); //periwinkle
    var dist=100; //distance from center of spiral
    var angle=5;
    var y=100;
    var x=100;
    push();
    //intricate purple
    translate(width/2+25,height/2+25); //sets center of spiral
    for(y=100; y<=200; y+=0.5) {
        strokeWeight(2);
        stroke(153,141,160); //purple
        rotate(radians(angle*10));
        line(mouseX/15,mouseY/15,mouseX+dist,y);
        dist-=0.5;
    }
    //star
    for (y=10;y<=300;y+=5) {
        strokeWeight(5);
        stroke(196,231,212); //grey
        rotate(radians(-angle+180)); //creates the spiral
        line(x+dist, y+dist, min(mouseX/2,300), min(mouseY/2,50));
        dist-=1;
    }
    //straight line spread
    pop();
    var numLines=20;
    dx1=0/numLines;
    dy1=mouseY/numLines;
    dx2=mouseX/numLines;
    dy2=0/numLines;
    var x1=0;
    var y1=100;
    var x2=500;
    var y2=250;
    for (var i=0; i<=numLines; i+=1) {
        stroke(300);
        strokeWeight(3);
        line(x1,y1,x2,y2);
        x1+=dx1;
        y1+=dy1;
        x2+=dy2;
        y2+=dy2;
    }
}

I wasn’t too sure about my string art going into programming. I didn’t really have a clear vision and in the end I kept playing around with the code until I reached a point I like. In the future, I think I’m going to try to redo this code on my own – I think it would be an engaging entrance piece for my website.

This week I looked into theROOM, a physical and auditory installation by Keikan Uenishi. The installation is meant to simulate the sounds in a neighborhood, and highlight how physical partitions do not really divide up space the way we think they do. The installation is a room with another small room build in one corner of the room, and a pile of gray objects on the other. The small room has several loudspeakers inside of it oriented in different angles, such that you hear different sounds standing in different spots around the room. As you move around the room, you hear snipers of different things: overhear conversations, listen to office noise, etc.

theROOM/SOUNDLEAK

sketch

// Michelle Dang
//Section D
//mtdang
var dx1;
var dy1;
var dx2;
var dy2;

var dx3;
var dy3;
var dx4;
var dy4;


var numLines = 40; //number of lines

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

    dx1 = -600/numLines; 
    dy1 = 50/numLines;
    dx2 = (200)/numLines; //dx4 dx2 is negative
    dy2 = (-200)/numLines;

    dx3 = 0; 
    dy3 = 200/numLines;
    dx4 = -300/numLines;
    dy4 = -200/numLines;

}

function draw() {
    background(0);

//white interactive shape
    stroke(255);
    var x1 = constrain(mouseX, 200, 200);
    var y1 = 0;
    var x2 = 0;
    var y2 = mouseY
    for (var i = 0; i <= numLines; i += 1) {
        line(x1, y1, x2, y2);
        x1 += -dx1;
        y1 += dy1;
        x2 += -dx2;
        y2 += dy2;
    }
    var x1 = constrain(mouseX, 200, 200);
    var y1 = 0;
    var x2 = height;
    var y2 = mouseY;
    for (var i = 0; i <= numLines; i += 1) {
        line(x1, y1, x2, y2);
        x1 += dx1;
        y1 += dy1;
        x2 += dx2;
        y2 += dy2;
    }

//red shape 1
    stroke(255,0,0);
    var x1 = width/2;
    var y1 = 0;
    var x2 = width/2;
    var y2 = height;
    for (var i = 0; i <= numLines; i += 1) {
        line(x1, y1, x2, y2);
        x1 += dx3;
        y1 += dy3;
        x2 += dx4;
        y2 += dy4;
    }
//red shape 2
    var x1 = width/2;
    var y1 = 0;
    var x2 = width/2;
    var y2 = height;
    for (var i = 0; i <= numLines; i += 1) {
        line(x1, y1, x2, y2);
        x1 += dx3;
        y1 += dy3;
        x2 += -dx4;
        y2 += dy4;
    }

//blue shape 1
    stroke(0,0,255);
    var x1 = 0;
    var y1 = 0;
    var x2 = height;
    var y2 = height;
    for (var i = 0; i <= numLines; i += 1) {
        line(x1, y1, x2, y2);
        x1 += dx1;
        y1 += dy1;
        x2 += dx2;
        y2 += dy2;
    }
// blue shape 2
    var x1 = width;
    var y1 = 0;
    var x2 = 0;
    var y2 = height;
    for (var i = 0; i <= numLines; i += 1) {
        line(x1, y1, x2, y2);
        x1 += -dx1;
        y1 += dy1;
        x2 += -dx2;
        y2 += dy2;
    }



   }

I struggled a lot at first trying to understand the starting example code, but after playing around with the numbers it wasn’t too bad. I changed some of the variables to be negative to create a symmetrical effect 🙂