Mihika Bansal – Project 06 – Abstract Clock

sketch

//Mihika Bansal 
//mbansal@andrew.cmu.edu 
//Section E 
//Project 5


function setup() {
    createCanvas(500, 500);
}
   
  
function draw() {
    
    push(); 
    background(250, 141, 98); // making my background canvas
    translate(width / 2, height / 2); 
    pop(); 

    var s = second(); 
    var m = minute(); 
    var h = hour();

    let sAngle = map(s, 0, 60, 0, 360); 
    let mAngle = map(m, 0, 60, 0, 360);
    let hAngle = map(h, 0, 24, 0, 360); 

    translate(width / 2, height / 2); 
    
    //drawing the second hand circle 
    fill(255);
    noStroke(); 
    push(); 
    for (var i = 0; i < s; i ++){
        rotate(radians(sAngle)); //creates a pattern based on the second that it is currently 
        ellipse(0, -210, 10, 10); 
    }
    pop(); 

    //drawing the minute hand circle 
    push();
    fill(178, 219, 213);
    for (var j = 0; j < m; j ++){
        rotate(radians(mAngle)); // creates a pattern based on what minute it is 
        ellipse(0, -135, 18, 18); 
    }
    pop(); 

    //the hour hand 
    push();
    fill(43, 97, 109);
    for (var k = 0; k < h; k ++){ 
        rotate(radians(hAngle)); //creates a pattern based on what hour it currently is, displays that number
        ellipse(0, -50, 25, 25); 
    }
    pop();
     
}

This project was very fun to create. Playing with animations based on time was very interesting. The patterns that formed through the integration of for loops and based on the number for minutes and seconds was very pleasing.

Angela Lee – Looking Outwards – 06

A still of one of the randomized outcomes when you press the canvas of Matt Deslauriers Generative Art.

Matt Deslauriers has created computational art that randomizes a “seed” based on where the user clicks, and an art piece render in real time from that seed/origin. To do this, he has combined code from Node.js and HTML. I admire the surprise element of his piece; although you know the seed will be placed every time you click, the color and form of the art that emerges change every time so you feel pleasantly surprised. To do so, the code randomizes the colors and forms that emerge from that middle seed. In his blog post, he addresses how his rendering algorithm is based on an old approach for a project called Generative Impressionism, where the particles are reset to random positions and rendered as line segments moving towards a direction. I think his artistic sense shined in his use of color. He sourced 200 of the most popular color palettes from ColourLovers.com API. Though he didn’t come up with the color schemes himself, I think it was wise for him to source the most popular color palettes because they gave a cohesive and appealing approach to color. His artistic sensibilities also manifested in the constancy of the piece. He was able to find a delicate balance between randomness and constancy that allowed the viewers to feel delighted without confusing or completely shocking the viewer.

Mihika Bansal – Looking Outwards – 06

A project that I find to be interesting in terms of its randomness emphasizes how easy it is for the artist to get a random result when he takes the main bulk of the creation of the piece out of his hands. The piece I specifically am going to talk about it Walead Beshty’s FedEx Sculptures series.

The artist creates a glass box that is the exact dimensions of a FedEx box and ships it to the site at which there is going to be an exhibit. The amount that the box has shifted and broken is random and based on the way the box is handled in its shipping. The amount of breakage is also dependent on the time and space through which the box travels which helps reduce the degree of randomness to an extent. While there is no concrete algorithm the artist follows, he has a distinct process he has conducted for the past many years.

He works on these projects by himself and has been creating these sculptures since 2005.

Link to work: https://mesh-magazine.tumblr.com/post/104686699736/shihlun-walead-beshtys-fedex-sculptures

One of the artist’s sculptures displayed in an exhibit

Zee Salman- Looking Outwards 06- Section E

This work made by Bogdan Soban really called out to me because I love how the texture is laid out across the screen. There are different levels of detail within each corner of the image. It is very abstract, and having computation to be responsible for an image like this makes it very intriguing.

This was created by the use of Random images to generate a visual way to create a whole new image. There are three different images that can be generated by what the application is itself, or imported from somewhere else to get something similar. The picture is formed from RGB color components of “points stored in the internal matrix” of the program. Once that is done, the program reads all of them at the same time and draws the fourth picture according to Bogdan. For the algorithm, I don’t know much about how a piece like this was created. Bogdan mentioned, “Calculation of the criterion for the color mixing is the core of the programming algorithm”. So I’m guessing the randomness would be for each point the algorithm or the randomness determines which pixel would be used on the new image or would be merged with another color. There is a large area to make the mixing algorithm more and more complex in order to get more interesting results. So the more contrasts the original pictures have, the complex your compiled picture is going to be.

Jamie Park – Looking Outwards – 06

“I am taking 15-104” generated using the random art generator

I found a random art generator online called random-art.org. When one types in a name, the generator will give you a randomly-drawn image. This program is written by Andrej Bauer, who completed his degree at CMU and is currently teaching at a university in Slovenia. This random art generator is coded using a pseudo-random number generator, which determines the color of each pixel. Because it is based on a pseudo-random number generator, one will always get the same image if he or she types in the same word.

On the website, the creator notes that the program is primarily written in OCaml, but has java script embedded on the web version, and may download a python version if desired.

I find it very interesting that one can use computer to code random images and entertain people!

Jamie Park – Project – 06

sketch

//Jamie Park           jiminp@andrew.cmu.edu
//15-104         Section E         Project 6

var prevSec;
var millisRolloverTime;

//--------------------------
function setup() {
    createCanvas(480, 480);
    millisRolloverTime = 0;
}

//--------------------------
function draw() {
    background(250); // My favorite pink
    noStroke(); //gets rid of stroke of the shapes

    fill(255, 223, 212);
    for (var x = -10; x < width + 25; x += 50){
        for(var y = -10; y < height + 25; y += 50){
            ellipse(x, y, 50, 50);
        }
    }

    // Fetch the current time
    var H = hour();
    var M = minute();
    var S = second();
    var minRect;

    // Reckon the current millisecond,
    // particularly if the second has rolled over.
    // Note that this is more correct than using millis()%1000;
    if (prevSec != S) {
        millisRolloverTime = millis();
    }
    prevSec = S;
    var mils = floor(millis() - millisRolloverTime);

    var hourColor   = map(H, 0, 23, 60, 220);
    //changed map from 0 to 120, so the rectangle could increase 2 pixels / min
    var minuteIncrease = map(M, 0, 59, 50, 120);
    var secondRotation = map(S, 0, 59, 0, width);

    //Created two circles that change color depending on the time of the day
    fill(61, hourColor, 235); //different shades of blue (dark to light blue)
    ellipse(width / 2, height / 2, 325, 325);
    fill(235, hourColor, 61); //transition from red to yellow
    ellipse(width / 2, height / 2, 300, 300)

    //Created a blue rectangle that increases 2 pixels and changes color 2 values every minute
    rectMode(CENTER);
    fill(51 + minuteIncrease, 111, 184)
    rect(width / 2, height / 2, 70 + minuteIncrease, 70 + minuteIncrease, 15, 15);

    //Created a hexagon that rotates every second
    push();
    translate(width / 2, height / 2);
    rotate(secondRotation);
    fill(116, 232, 228);
    polygon(0, 0, 50, 6);
    pop();
}

//created function polygon to create a hexagon
function polygon(x, y, radius, nPoints){
    var angle = TWO_PI / nPoints
    beginShape();
    for (var i = 0; i < TWO_PI; i += angle){
        var sx = x + cos(i) * radius;
        var sy = y + sin(i) * radius;
        vertex(sx, sy);
    }
    endShape(CLOSE);
}

I started the project by writing down the elements I wanted to include in my clock. I then tried to visualize it through sketching. When I had a concrete idea of what i wanted, I coded the information.

And this is my version of an abstract clock that rotates, changes color, and enlarges according to the time of the day. The seconds are marked by rotating hexagon, the minutes are marked by square that increases “r” value of color by 2 and the size of the wall by 2 pixels, and hours by the two circles that change color. I really enjoyed this project as it allowed me to explore the creative side of coding.

Caroline Song-Looking Outwards 06

Helen Frankenthaler was one of the most prominent American artists in the twentieth century, her style being Abstract Expressionism. The painting of hers I am analyzing is called Mountains and Sea, which is her most famous painting, created in 1952.

Image result for mountains and sea — Mountains and Sea by Helen Frankenthaler

With the creation of Mountains and Sea, Frankenthaler ushered in a new breakthrough in regards to American abstraction. She used a soak-stain technique, which requires the artist to thin out their paint using turpentine or kerosene, which allows the medium to seep through the canvas’ unprimed weaves.

I found this painting interesting because of the technique Frankenthaler used in order to achieve this look. While Jackson Polluck’s paintings, and a lot of other abstract artists depend on their own motion in order to create fluidity in their work, Frankenthaler used the paint to design such an organic feeling.

I am able to see Frankenthaler’s artistic sensibilities manifest through this technique where we see her trying to think differently than other abstract artists at the time while at the same time, still drawing inspiration from them. It is easy to see that she is truly trying to make her work her own.

I suppose there was no algorithm used in order to create this painting. The randomness of the paint and where it moves itself makes me believe there is no specific system and there is no way to fully control/predict what the painting was going to look like at the end.

Joseph Zhang – Looking Outwards – 06

A few weeks ago, I was looking into the practice of computational design and found Brute Wine, a wine company in Hamburg that uses the wind patterns in the city to craft the brand’s designs. The brand concept was developed by an international creative studio called Landor. In their case study of this project, they state “The weather shapes the wine, we used it to shape the brand.”

In the image above, one can see the live weather statistics pulled from Hamburg. Because weather is constantly changing on a daily basis, every daily visit to the site yields a completely new visualization.

Brute Wine manifests the data-driven designs in various ways, such as mobile/desktop interfaces, posters, and of course, on their physically branded products.

One can see the designer’s artistic choices come to life from 1) the beautiful forms themselves and 2) the beautiful color palette as seen here. Brute Wine’s uniqueness comes from the fact the wine is grown in rough weather conditions. This is very beautifully demonstrated in the color dimmed whites and dark blues.

/www.brute-wine.com/

YouieCho-LookingOutwards-06

Computer-art image by Aaron Marcus, 1967

This work is an computer artwork done by Aaron Marcus. It was created by random filling in a grid of lines and solid areas. The randomness in filling was done by receiving results from a random-number generator. I believe that these numbers were random, as opposed to pseudo-random. I find this inspiring because the visual complexity and handcrafted artifact quality give it compelling characteristics. It shows a high-tech style, but also a more traditional art style. The straight lines and corners interact within the round circle shape in an interesting way, and the circle feels more defined in some places along the circumference, more blurry in other parts. I think the simplicity of black and white reinforces the effects that the randomness creates.

*Evolving Gravity by Aaron Marcus*, 1972-4. An early computational work by Marcus

Zee Salman Looking Outwards 05

https://www.artstation.com/artwork/k4BP6l

Hirokazu Yokohara

What I admire about this project is how hyperrealistic it looks. It also has this fantasy vibe that i get when I look at it, The skull is intruging and there are different parts of this project that makes it really intricate asw a whole. There are different vines crossing the screen and the rusty metal look is encorporated all over the skull and the body. I dont know the exact algorithms to create piece like this but it definetly tooks some for loops and some basic adrawings in the draw function of simple shapes that get more and more complicated. This piece was made by an artist named Yokohara in Tokyo, I would like to see more of his/ her pieces because they are pretty facinating and I could possibly draw inspiration