Category: Section A

Erin Fuller-Abstract-Clock

//Erin Fuller
//SectionA
//efuller@andrew.cmu.edu
//Project 06-Abstract Clock

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

function draw() {
    background(60);

    var x = width / 2; //ellipse center
    var y = height / 2; //ellipse center
    var d = 350; //ellipse diameter

    fill(90); // background circle
    ellipse(x, y, d, d);

    fill(255, 146, 68, 120); // MINUTE CHORD   
    var m = map(minute() + map(second(), 0, 60, 0, 1), 59, 0, 0, PI); // map minutes to half circle
    arc(x, y, d, d, m - (PI / 4), -(m) - (PI / 4), CHORD); // -pi/4 to shrink diagonally right to left

    fill(252, 123, 129, 120); // HOUR CHORD   
    var h = map(hour() + map(minute(), 0, 60, 0, 1), 23, 0, 0, PI); // map hours to half circle
    arc(x, y, d, d, h + HALF_PI, -(h) + HALF_PI, CHORD); // +pi/2 to shrink bottom to top

    fill(215, 105, 172, 120); // SECONDS CHORD   
    var s = map(second(), 59, 0, 0, PI); // map seconds to half circle
    arc(x, y, d, d, s - (3 * PI / 4), -(s) - (3 * PI / 4), CHORD); // -3pi/4 to shrink diagonally left to right
}

My “clock” is based on three translucent chords. The data for the minutes, seconds, and hours, are mapped along half the circle and reflected. The color and opacity, allowing the colors to overlap and add on each other, were chosen for visual variety along with shifting the start of the chords in different positions along the circle.

Jonathan Liang – Looking Outwards – 06

                    what could this possibly be?

This image is one artwork from onformative’s series called Montblac Generative Artpiece. Each artwork consists of a faint line drawing of the model of the Montblanc watch and the blobs are generated based on the material of the watch (gold, silver, etc), the casing, size, and end user, as well as many more factors. This creates a unique blob to each individual watch that was sold. onformative usually creates art through data, but usually that art is not as random as the artworks in this series. To see that they have a broad range of data visualizations makes them one of the top data visualization firms in the entire world.

More on the Montblanc series can be found here:

https://onformative.com/work/montblanc-generative-artpiece

Katherine Hua – Looking Outwards – 06

John Cage was an American music composer that paved the way for randomness in music. Many of his musical compositions explored theories of chance through methods such as implementing deliberate randomness processes in their productions. He wanted to challenge the nature of what sounds we expect to hear by expanding his compositions to comprise of unforeseen/unintended elements of sound.

Tools used for random composition in the Fontana mix

In the score of his “Fontana Mix,” we will find 10 pages of paper and 12 transparencies of graphic notation of music with text made up of various languages and individual letters, 12 different lines of different colors, and 16 black squares representing different vocal sounds of different singing styles. Cage uses wavy/curvy lines with varying texture and thickness to indicate the different sounds within the mix. I admire John Cage’s work because he created a chance system to render unfixed compositional techniques (like an algorithm for indeterminacy) to utilize chance into his musical compositions.

“Fontana Mix” by John Cage (1958)

Curran Zhang- LookingOutwards-6

Close-up View of the Vibrant River Landscape

Meandering River is an art installation that is located at Funkhaus Berlin. Created by the design group Kling Klang Klong, the installation is to create a vibrant river landscape that is created through the random music or sound within the room. The combination of sound and real-time painting is to create the sensation of time and the journey that it creates. By taking in the sound and deriving a colorful river landscape, admirers of the artwork is to perceive transformation over time and not only admire the instant snapshot of the ever changing surrounding.

Screens are Set Up within a Confined Space to Facilitate the Sounds

This project caught my eye because I am captivated on how the artists were able to combine different mediums of sound, painting, and digital computation to create a perception of change. Instead of showing the basic snapshots of change through time, the human experience of sound is the dictating factor of the change within the art itself. As designers, I believe that we should strive to merge different mediums to further enhance people’s perception of our work.

A Random Variation of the Landscape and Color

Article:

Meandering River – onformative’s newest audiovisual installation to premiere at Funkhaus Berlin, July 28 to 30

 

Jamie Dorst Looking Outwards 06

For this week’s looking outward, I found my piece of random art on a website called the ReCode Project. The ReCode Project is a “community-driven effort to preserve computer art by translating it into a modern programming language (Processing). Every translated work will be available to the public to learn from, share, and build on.” The piece I am focusing on is based on Untitled 4, by various artists, recoded by Corneel Cannaerts.

Untitled 4, a piece of computer generated art that takes in random values every time it is clicked.

Every time the mouse is clicked, the lines/rectangles generate in a new way. I liked this piece because it is very geometric and everyone would see something different in it (especially because it is random). I also liked how the vertical lines almost look like a background, and the horizontal ones seem to pop out as if they are 3D on top of the vertical lines. This was made with Processing, which I also liked because it is similar to what we are using in this class. I thought that the ReCode project overall was also a great idea, I like that it is focused on helping the society as a whole learn from these projects.

Judy Li-Project-06-Abstract-Clock

judyli: Abstract Clock Project 06

/*
Judy Li
Section A
judyli@andrew.cmu.edu
Project-06
*/

var prevSec;
var millisRolloverTime;

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

//--------------------------
function draw() {
    background(255,255,255);

    noStroke();
    fill(253, 185,200);
    rect(0, 65, 300, 57.5);
    noStroke();
    fill(252, 163, 183);
    rect(0, 122.5, 300, 60);
    noStroke();
    fill(254, 127, 156);
    rect(0, 182.5, 300, 60);
    noStroke();
    fill(251, 96, 127);
    rect(0, 242.5, 300, 60);
    for (var i = 0; i < width; i = i + 5) {
        stroke(255);
        strokeWeight(1);
        line(i + 5, 0, i + 5, 242.5);
    }
    for (var i = 0; i < width; i = i + 12.5) {
        stroke(255);
        strokeWeight(1);
        line(i + 12.5, 242.5, i + 12.5, height);
    }
    // Fetch the current time
    var H = hour();
    var M = minute();
    var S = second();
    
    // 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);

    strokeWeight(1);
    stroke("pink");
    text("M I L L I S : " + mils, 5, 15);
    text("S E C O N D : " + S, 5, 30);
    text("M I N U T E : " + M, 5, 45);
    text("H O U R : "   + H, 5, 60);
    
    var hourBarWidth   = map(H, 0, 23, 0, width);
    var minuteBarWidth = map(M, 0, 59, 0, width);
    var secondBarWidth = map(S, 0, 59, 0, width);
    
    // Make a bar which *smoothly* interpolates across 1 minute.
    // We calculate a version that goes from 0...60, 
    // but with a fractional remainder:
    var secondsWithFraction   = S + (mils / 1000.0);
    var secondsWithNoFraction = S;
    var secondBarWidthChunky  = map(secondsWithNoFraction, 0, 59, 0, width);
    var secondBarWidthSmooth  = map(secondsWithFraction, 0, 59, 0, width);
    
    strokeWeight(5);
    stroke(254, 220, 86);
    line(300, 300, hourBarWidth, 250);
    stroke(248, 228, 115);
    line(300, 240, minuteBarWidth, 190);
    stroke(248, 222, 126)
    line(300, 180, secondBarWidthChunky, 130);
    stroke(252, 244, 163)
    line(300, 120, secondBarWidthSmooth, 70);
}

For this project, I think I wanted to start out with a grid system that shows the count of the milliseconds, seconds, minutes, and hours including the real time text of those times. I think that adding a darker tone as the metrics of time increased added a visual value to the graphics. I had fun with this project, but what I would do to make it better, would change the lines to ellipses because I think that it wouldn’t be as skewed as the line when it moves towards the right side.

Clock Sketch

Looking Outwards – 06

Exterior of the Israel Pavilion showcasing LifeObject

LifeObject, is an innovative installation that exhibits the linear and structural properties of a bird’s nest. LifeObject was initially designed based off of the visuals of a nest through 3D scanning. With scientific analysis through architecture, it is made with over 1500 components, resembling twigs. These twigs rely on tension and are light weight, opaque, and sturdy. In addition, the presence of living bodies triggers a variety of unique biological elements.

There is a system of hierarchy reflected through the process, from design to fabrication to assembly. The entire form is made by the use of gravity and that is where randomness comes into the design.  With the analysis of the bird’s nest, twig-like structures were produced and arranged/bent randomly with a preset value, which means that the form of LifeObject is adaptable. The core is simple, the inner array is varied slightly, and the edges are diverse in static movement.

The introduction and practice of new materials blurred the line between digital fabrication processes and design. And this sort of architectural exploration – properties of materials and modes of transformation – came from the architect’s palette of expression.

LifeObject Article: Inside Israel’s Pavilion at the 2016 Venice Biennale by Arielle Blonder, 2016

Kyle Leve-LO-Week-06-Section A

One project that I discovered that displays a sense of randomness is the composition In C by Terry Riley. This piece of music has many different interpretations to it because it is an open-ended piece. The ideal number of players is around 35, however there have been many instances where significantly more or less players have performed it. Rather than having a written part for each instrument, In C only shows fragments of measures. It is each musician’s job to decide when to play each fragment and when to move onto the next one. No two players will be playing the exact same thing. What makes this piece “random” is that it is impossible for two performances to be the same if not even similar. The instrumentation always varies, and the piece can range from 15 minutes to over an hour. In addition, the musicians demonstrate a sense of randomness because they do not have a set time when they change to another rhythm, so every time they play it, it is different. What I admire about this project is that Riley was able to create a piece that allows each player to make their own artistic decisions and have freedom from the written page.

Sheet music of In C (https://nmbx.newmusicusa.org/terry-rileys-in-c/)

Performance of In C

Katherine Hua – Looking Outwards – 05

The 3D computer graphics I chose is called “Time Machine” created by Aleksandr Kuskov. Alexander Kuskov is a digital artist and graphic designer from Ukraine. He specializes commercial production working as a freelance artist and CGI illustrator. I admire his work because he does not let reality hold him back and is able to create very realistic digital artworks that fits where his imagination brings him. Although not as visible in the graphic I chose here, much of what makes up his portfolio is filled with complicated, yet beautiful 3D graphics including fantasy lands, beasts, cars, etc. As can be seen from his “Time Machine” graphic, Kuskov pays a strong attention to detail. Most of his artwork has a focus on a futuristic, digitalized world.

“Time Machine” by Aleksandr Kuskov, 2012

Looking Outwards 05 – Min Lee

The Trade by Jacky Lee

The Trade by Jacky Lee is an astounding work that was made through 3D computer graphics. The piece took two months for him to complete and it was all done through ZBrush, Substance Painter, Arnold and Photoshop.

What captivates me about this piece is the juxtaposition of two very common fears, the fear of sharks and the fear of going to the dentist. The artist presents the setting in a comical sort of way with the use of computer generated graphics to add a touch of realism. The artist’s creativity shines through and it generates a funny ironic sort of humor in his piece. Although the dark colors used and the realistic and horrifying shark head mounting the center of this piece dominate the visual context, the underlying humorous situation reflects the artist’s sensibility.

Source:

https://www.creativebloq.com/3d/inspiring-examples-3d-art-12121523