Month: October 2017

serinal – project 06 (section C)

For this abstract clock assignment, I used the base of my extra credit regular clock code and altered it a bit. I wanted it to resemble a bit of a flower (which is hopefully indicative through the colors as well). My sketch up made it seem really complex, but when I actually started to code it, it seemed to work out pretty well. I wanted everything to stay until it made a full circle and since it’s a 24 hour clock, the seconds is the clearest indicator of it constantly disappearing and reappearing.

sketch

//Serina Liu
//Section C
//serinal@andrew.cmu.edu
//Project 06

function setup() {
    createCanvas(480, 480);
    angleMode (DEGREES);
}

function draw() {
    background(255, 240, 245);
    var H = hour();
    var M = minute();
    var S = second();

    fill (230,230,250);
    noStroke();
    ellipse (240, 240, 350, 350);

    for(var s = 0; s < S; s++) { //seconds hand
        push();
        translate (240, 240);
        rotate(6*s); //60 seconds
        strokeWeight (2);
        stroke (128, 0, 128); //dark purple
        line(0, 0, 0, -150);
        pop();
    }

    for(var m =0; m<M; m++){ //minutes hand
        push();
        translate (240, 240);
        rotate(6*m); //60 minutes
        strokeWeight (4);
        stroke (221, 160, 221); //plum
        line(0, 0, 0, -100);
        pop();   
    }
    for (var h=0; h<H; h++){ //hour hand
        push();
        translate (240, 240);
        rotate(15*h) //24 hour clock
        strokeWeight (5); 
        stroke(256); //white
        line(0, 0, 0, -50);
        pop(); 
    }
}

jennyzha-LookingOutwards 06

4900 Colours was a monumental piece of work by Gerhard Richter. Crafted with 196 square panels of 25 bright monochrome colored squares, arranged in a grid formation the piece ultimately created sheets of kaleidoscop-like colors. The patterns were configured to a number of random variations, all from one large-scale piece to multiple, smaller paintings. When preparing for presentation in the Serpentine gallery, Richter specially crated a version with 49 paintings.

Richter’s works are especially interested to me as that in reality it is a simple concept, really, but together it helps to make something so intricate. the history and inspiration for the project are truly intricate as they came out of the south transept window of Cologne Cathedral, replacing the stained glass that had been destroyed in the Second World War.

karinac-LookingOutwards-06

These drawings were created by an app called Silk, developed by Yuri Vishnevsky. Users can generate their own art by picking colors and dragging their mouse through the canvas. Random algorithms are generated as your mouse moves across the screen to create the effect of the different strokes that can be seen in the pictures. When you stop mouse your mouse, colors and shapes are still generated around your mouse due to the random code in the software.

I thought this app is the perfect way to create interactive and generative art. I was really intrigued by the design of this app because it utilizes the random algorithms to create a piece of cool art that people can enjoy looking at.

Here is the link to the online website:
http://weavesilk.com/

yushano_Looking Outwards 06

Website introducing Takashi Murakami


Takashi Murakami, Flowers, flowers, flowers, 2010, acrylic and platinum leaf on canvas mounted on aluminum frame.

The Japanese Artist Takashi Murakami is known as the Japanese Andy Warhol because of his style- superflat. He is a typical pop artist who tries to blend high art and street art together. The characters that he uses in all his drawings are from a cartoon. He then turns them into artwork to blur the boundary between high and street art. He also collaborates with many brands like Louis Vuitton, Marc Jacobs, Shu uemura, and Vans to bring his art to a higher level.

In his artwork, most of them have a highly repetitive patten. They bascially have one single prototype first. Then, after scaling, coloring, placing “randomly”, it can create a sense of depth out of the superflat drawing. The scale, angle, color, position, and overlapping all seem random by computational method. However, they are also chosen under consideration and randomness. His art is designed under randomness and to control it to be random.

His use of a bold graphic and colorful anime and manga cartoon style brings historical Japanese art, the cartoon from his youth, and comtemporary art together. The seeming randomness of this artwork makes it even more interesting to the audience.

 

sunmink-LookingOutwards-06

The inaugural exhibition, XYZT: Abstract Landscapes is a beautiful and profound exhibition that is created by a group of artists and engineers cooperating under the name of Adrien M & Claire B, which is led by Adrien Mondot and Claire Bardainne. XYZT that is named after four dimensions (horizontality, verticality, depth, and time) performs 10 works that are supported by a distinctive mathematical algorithm. The giant screen with sensors forms “could” of pixels and performers can interact with the projections during the show.

I am interested in XYZT exhibition because I have seen other exhibition or design using the computational algorithm, but I have not seen performances using the mathematical algorithm during the show. It is special because when planning for the performance, randomness of computational art is hard to predict. With the artists and engineers now the computational algorithm can be fully used for the performance using the randomness of the algorithm.

ghou-Project-06-AbstractClock

sketch

//Grace Wanying Hou
//15-104 Section D
//ghou@andrew.cmu.edu
//Assignment 06

//background colours
var br = 245;
var bg = 250;
var bb = 255;
//bubbles
var bol = [];
var xarray = [];
var yarray = [];

function setup(){
    createCanvas(300,300);
    angleMode(DEGREES);
    //setting up the pink bubbles
    for (var i=0;i<150;i++){
        bol.push(new moving());
    }
}
function mousePressed(){
        this.x = 150;
        this.y = 150;
}
function draw (){
    background(br,bg,bb);
    var h = hour();
    var m = minute();
    var s = second();    

    //the pink bubbles moving
    for (var i=0;i<bol.length; i++){
        bol[i].move();
        bol[i].display();
    }
    // the bubbles created from dragging the mouse
    for (var a = 0; a < xarray.length; a++){
        fill(250,200,230,200);
        ellipse(xarray[a],yarray[a],20);
        yarray[a] += 1;
    }
    
    //thte clock bubbles
    push();
    noStroke();
    fill(br,bg,bb);
    translate(width/2,height/2);
    rotate(s*(360/60));
    rotate(-90);
    ellipse(110,0,55);
    pop();
    
    push();
    noStroke();
    fill(br,bg,bb);
    translate(width/2,height/2);
    rotate(m*(360/60));
    rotate(-90);
    ellipse(60,0,40);
    pop();
    
    push();
    noStroke();
    fill(br,bg,bb);
    translate(width/2,height/2);
    rotate(h*(360/12));
    rotate(-90);
    ellipse(30,0,25);
    pop();
}


//having new bubbles follow mouse when mouse dragged
function mouseDragged(){
    xarray.push(mouseX);
    yarray.push(mouseY);
}
//moving bubbles and how they move 
function moving(){
    this.x = 150;
    this.y = 150;
    this.diameter = (20);
    this.speedx = random(-1.3,1.3);
    this.speedy = random(-1.3,1.3);
    
    this.move = function() {
        this.x += this.speedx;
        this.y += this.speedy;
        if (this.x >= width-5 || this.x <= 5){
            this.speedx = -this.speedx;
        }
        if (this.y >= height-5 || this.y <= 5){
            this.speedy = -this.speedy;
        }
    };
    
    this.display = function(){
        fill(250,200,230,200);
        noStroke();
        ellipse(this.x,this.y,this.diameter,this.diameter);
    };
    
}

For this project I first looked up some abstract clocks in our project references for some inspiration. I wanted to make the “clock hands” as subtle as possible but still visible if one looked long enough at this project.

here are some sketches I did to plan for this project. I decided to make the clock hands “melt” into the background and invisible without the background distraction bubbles.

serinal – looking outwards 06 (section C)

I know a lot of artists often use randomness in their work, but I don’t think I have seen computational randomness art. After looking through some stuff, I stumbled upon this artist, Linyi Dai. She is a graduate of RISD and currently is a designer at Ogawa Depardon Architects. Her work for Coding Architecture features this really cool growth of a spherical infrastructure. I love the way that it grows at the same time to show the randomness that comes out of each of the four spheres. I am not completely sure what the coding background of this is, but I do know that a lot of architects employ randomness into their practice. You can see the architectural background in this piece as it is pretty structured and seems relatively calculated. Overall, I think Dai’s work is really cool and I would be extremely interested in seeing more types of computational randomness artwork.

link to find her

link to the work

Sheenu-Looking Outwards-06

https://www.smithsonianmag.com/smart-news/facial-recognition-software-makes-art-from-random-noise-15280755/

This software is a facial recognition program that produces art and faces through randomly generated noise. The program takes randomly generated noise and tries to create a face using polygons and the generated noise it receives. The software was developed by a man named Phil McCarthy. He wanted to use the program to abuse and play with pareidolia which is the tendency of humans to find faces in everything they see. Because of this, he chose to name the program “Pareidoloop”. What I admire about this project is the fact that a machine that doesn’t initially know what a face looks like tries to draw a face using random data. It’s almost like making something out of nothing. The project both plays with the computer and our tendencies as humans.

 

katieche-looking outwards 06

I chose the randomness project done by Linyi Dai, an architecture student at RISD, after seeing her work posted on an article about randomness in computation. As seeen from the video above, the project is simple as it generates what appears to be a series of random lines and shapes over time. In the written portion of her project, she talks about how she opted for pseudo-randomness, creating an unpredictable interaction between the patterns she’s already derived. I thought what she had written about randomness, stating that it was used in a generative manor to overcome the creative limitations of the creator, was really interesting and meaningful. Initially, I didn’t have much of an interest or understanding of why randomness was used so often, but following her comments I can see why.

https://www.fastcodesign.com/3052333/the-value-of-randomness-in-art-and-design
http://lostritto.com/risd2015spring-seminar/?cat=5

jknip-SectionA-LookingOutwards-06

“Game of Life” by Charlotte Dann (2016)

Charlotte Dann is an artist interested in using p5.js to create a more exciting visualization activity of hexagonal Game of Life. She found that establishing the data structure for hexagons and defining how they relate to one another was really difficult in the beginning. With the use of random variables in her code, she strived to create a clustering effect across the hexagons. I like how she showcased her whole range of exploration in her project, where she played with coded, linear agents to random agents, describing how they aligned or misaligned with her design intentions. In terms of the randomness in Game of Life, she coded for the ‘ants’ to leave a trail behind it, moving shapes either left, right, or go straight ahead. She also established relationships between this randomness and their aim for emptier areas on the canvas through this algorithm. In the final form, Dann discovered over 1416 possible combinations for every hexagon, and she played with how she could represent her aesthetic sensibilities through every iteration.

https://codepen.io/pouretrebelle/post/hexagons