Project-09

//Brody Ploeger
//jploeger
//Project-09
//Section C

var img;

function preload() {
    img=loadImage("https://i.imgur.com/nWRD4t6.jpg");


}

function setup() {
    createCanvas(318, 480);
    background(200);
    img.resize(318,480)


}

function draw() {

//light sections of picture
    for(var i = 0; i<=width; i+=5){
        for(var j = 0; j<=height; j+=5){
            var pixel = img.get(i,j)
            if(pixel[1]>80){
                strokeWeight(5);
                stroke(color(pixel));
                point(i,j)
            }   
        }      
    }


//dark sections of picture
    var x = random(width);
    var y = random(height); 
    var pixel2 = img.get(x,y);
    if(pixel2[1]<120){
        noStroke();
        fill(pixel2);
        square(x,y,10);
    }
   

}

//The project uses two strategies to break up the image. 
//For the light parts, it uses dots that generate immediately. 
//For the dark parts, it uses squares that generate over time. 

Nathalie Miebach is an artist and musician who translates scientific data related to meteorology, ecology, and oceanography into sculptures and music scores. Her project, The Sandy Rides, is a woven sculpture. The project is inspired by Hurricane Sandy and the data from the storm. This data is used to build the amusement park rides in the sculpture. The project questions what living along the coast might look like in the future with climate change and how an amusement park ride might adapt to these new conditions. Miebach constructed a series of these sculptures that take influence from various ride destroyed during the storm. These sculptures are really interesting from an architectural perspective on how they build using data. While they use data, which can seem very methodical, they have a chaotic nature to them. They describe the storm in a visual and mathematical way.

Meow Wolf is an art collective based in Santa Fe. They create interactive, immersive, diy art. The goal of their art is to transport people into fantasy realms/worlds. The collective puts a lot of emphasis on the process of creating and how you are creating instead of the final output. The House of Eternal Return is a project they built in a old bowling alley. The house looks like a normal Victorian era home; however, there are multiverse portals throughout the house that take you to other dimensions, rooms, and worlds. There are interactive features that are physical, but also digital. For example, there are some worlds with touch sensors that create a sound and light experience. The house was their first permanent exhibition and opened in 2016. I admire this project and their other projects in how they use a variety of mediums to generate the interaction in their art. They use traditional building techniques as well as computers and programming to make their projects come to life. Through the lecture, they talk about the process of creating their work and what Meow Wolf strives for in that process They also explain the reception and impact of that work.

https://credits.meowwolf.com/house-of-eternal-return#projects
https://vimeo.com/354276551?embedded=false&source=vimeo_logo&owner=8053320

Astroid

//Brody Ploeger
//Section C
//jploeger@andrew.cmu.edu
//Project-07


var nPoints = 150
function setup() {
    createCanvas(480, 480);
    background(220);
    //text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
    background(0);

    push();
    translate(width/2,height/2)
    //astroid 1
    stroke('orange')
    noFill()
    astroid(0,0);
    //astroid 2
    stroke('lightblue')
    noFill()
    astroid2(0,0);
    pop();
}

function astroid(x,y,q,w){
    //https://mathworld.wolfram.com/Astroid.html
    var x;
    var y;
    

    var q = map(mouseX,0,width,0,5);
    var a = constrain(mouseX,0,width/2);
    var b = constrain(mouseY,0,height/2);
    var w = constrain(mouseY,0,height);

//shape
    beginShape();
    for (var i = 0; i<nPoints; i++){
        var t = map(i,0,nPoints,0,TWO_PI)
        
        x= a*pow(cos(t*w),3)
        y= b*pow(sin(t*w),3)
        rotate(radians(q))
        vertex(x,y);
    }
    endShape(CLOSE);





}
function astroid2(x,y,q,w){
    //https://mathworld.wolfram.com/Astroid.html
    var x;
    var y;
    

    var q = map(mouseX,0,width,0,5);
    var a = constrain(mouseX,0,width/2);
    var b = constrain(mouseY,0,height/2);
    var w = constrain(mouseX,0,height);

//shape
    beginShape();
    for (var i = 0; i<nPoints; i++){
        var t = map(i,0,nPoints,0,TWO_PI)
        
        x= a*pow(cos(t*w),3)
        y= b*pow(sin(t*w),3)
        rotate(radians(q))
        vertex(x,y);
    }
    endShape(CLOSE);





}

This week I am looking at the work of Lev Manovich. Manovich is a digital culture theorist, writer, and artist. A lot of his work looks at media and technology. His project On Broadway, is an interactive application and pubic installation piece. The piece looks at data from Broadway in New York City, however, the data is not presented in a normal way with maps, numbers, and charts. In this project numbers are secondary to data in the form of images grabbed from social media and the internet. These images were taken from six months in 2014. The project showed how the city can be represented through the view of the hundreds of thousands of people posting images.

http://manovich.net/index.php/exhibitions/on-broadway
http://on-broadway.nyc/

Clock

//Brody Ploeger
//Section C
//jploeger@andrew.cmu.edu
//Assignment-06



function setup() {
    createCanvas(450, 450);
    background(220);
    //text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
var s = second()
var m = minute()
var h = hour()
background(0)

//hours
for(var n = 0; n<h*height/24; n+=height/24){
    noStroke();
    fill('orange');
    rect(0,0,width,n+20);
}

//hours
for(var n = 0; n<h*height/24; n+=height/24){
    noStroke();
    fill('red');
    circle(width-20,0+n+10,20);
}

//minute counter
for(var j = 0; j<m*7.5; j+=7.5){
    strokeWeight(2)
    stroke(255)
    line(0+j,0,0+j,height)
}

//move origin for second counter
push();
translate(width/2,height/2)
//secondcounter
for(var i = 0; i<s; i++){
    rotate(radians(6));
    secondcounter(0,0)
}
secondcounter(0,0)
pop();
}

//seconds function
function secondcounter(x,y){
stroke('green');
strokeWeight(10);
noFill();
arc(x,y,width/2,width/2,0,radians(6))
}

Tyler Hobbs is a visual artist who works with code to create digital drawings which he will also sometimes plot or paint. All of his works use computer algorithms he develops. Within these algorithms, Hobbs programs in an amount of randomness. What I find interesting about Hobbs’s work is the partnership he develops with the computer. When he begins his work, he does not have a final goal in mind, together with the randomness of the program he develops, the artwork becomes a journey. The randomness of the work is not pure randomness, but rather it is refined and becomes more refined as Hobbs works with it.

https://tylerxhobbs.com/process
https://tylerxhobbs.com/works/2022/careless-and-well-intentioned

Wallpaper

//Brody Ploeger
//jploeger
//Section C

function setup() {
    createCanvas(600, 600);
    background(220);
    //text("p5.js vers 0.9.0 test.", 10, 15);
}
var x=0;
var y=0;


function draw() {
background(200);
//loop 
for(var i = 0; i<=width; i+=100){
    for(var j = 0; j<=height; j+=200){
   Pattern(x+i,y+j,100); 
}
}
//offset loop
for(var i = -50; i<=width; i+=100){
    for(var j = 100; j<=height; j+=200){
   Pattern(x+i,y+j,100); 
}
}


}

function Pattern(x,y,w){

//base square
strokeWeight(2);
fill('tan');
square(x,y,w);

//pruple lines
strokeWeight(3);
stroke('purple');
line(w/8+x,0+y,w/8+x,w+y);

strokeWeight(3);
stroke('purple');
line(w/8+w/2+x,0+y,w/8+w/2+x,w+y);

//black line
stroke(0);
strokeWeight(2);
line(0+x,w/2+w/4+y,w+x,w/2+w/4+y);

noStroke()
//shape 1 
fill(200,10,0);
beginShape();
vertex(w/4+w/2+x,0+y);
vertex(w/4+w/2+x, w/8+y);
vertex(w/8+w/4+x, w/8+y);
vertex(0+x,w/2+y);
vertex(0+x,w/4+w/2+y);
vertex(w/8+w/4+x, w/8+w/4+y);
vertex(w+x,w/4+w/8+y);
vertex(w+x,0+y);
vertex(w/4+w/2+x,0+y);
endShape();


//shape 2 shadow
fill(0,99);
rect(w/4+w/16+x,0+y,w/4,w);

//shape 2
fill(200,10,0);
rect(w/4+x,0+y,w/4,w);



//shape 3 shadow
fill(0,99);
rect(x,w/2+y,w/16,w/2);

//shape 1 shadow
fill(0,99);
rect(x,y,w/16,w/4+w/8);
//shape 3
fill(200,10,0);
rect(w/4+w/2+x,w/2+y,w/4,w/2);
}

This week, I am looking at the work of Eric Wong. Wong is an architect, designer, and illustrator. In 2021, Wong designed the digital world of U from the movie Belle. The architecture of the world is modular based. The images of the world were produced by arraying simple 3D sculptures or architectures. These elements are simple, but as they multiply, they produce an image of a world. I believe the work is completed with a 3D modeling software such as Rhino. The arraying could possibly be done with code using Grasshopper scripts. I really like Wong’s work as it shows other fields that architecture can start to fall into as well as the world building aspects of architecture.

https://deadline.com/2021/12/eric-wong-belle-gkids-art-of-craft-concept-artist-animation-1234887044/#comments
http://www.ericwong.co.uk/
https://www.instagram.com/ericwong_folio/?hl=en

The project I am looking into this week is Ryoji Ikeda’s Test Pattern series. These projects are a series of installation pieces that use sound and black and white visuals to describe the flow of binary data, 1s and 0s. The pieces act as a magnifying glass into the extremely dense stream of data in our world. I find this work really fascinating because of how it immerses the viewer into the data stream. It not only does this visually, but also with sound. The world of technology which surrounds us now uses 1s and 0s to operate; however, we only see this from extremely far away. We are immersed in data everyday but not to the scale that is described in Test Pattern.