Looking Outwards: 06

Vera Molnar is a pioneer in computational and generative art work. She began writing computer code that introduced randomness to her art in the mid to late 1960s. Even earlier she was creating manual rules and algorithms to generate computational art by hand. She began writing code in Fortran back at a time when they used punch cards to feed a program into the computer. The randomness, she explained, gives her ideas and allows her to try out endless variations of her work. This enables her to create works that she may never have thought of on her own. She explains that the computer is not taking the place of the artist; it is simply a tool.
For this project I became intrigued with her Variations exposition at the Beall Center at the University of California in Irvine. The art works presented are generative both through computer programming and also from her manual algorithms. The piece that resonated with me most is called Interruptions and is presented below. This work is a series of short random lines. She worked with this program and introduced the removal of lines in the randomness algorithm as well. The gaps give the work its name, Interruptions. I really enjoy that she plays with the removal of what is already there. Each iteration of the program creates a unique image. It is compelling to see what gets left behind in the empty spaces.

Interruptions

Looking Outwards-06 Randomness in Art

Untitled (Collage with Squares Arranged according to the Law of Chance)

During World War 1, in Zurich Germany, artist Jean Hans Arp created a collage that uses a principle of randomness to dictate the artwork. The artwork, Untitled (Collage with Squares Arranged according to the Law of Chance) interests me because it is a rare and good example of dadaist art. Dadaist art stems from the dada movement; a movement that promoted randomness, nonsense, and satire. The movement itself had been created in reaction to the horrific trauma of the war. Themes of authorship and control were associated with authoritarian and controlling powers, and thus the random and accidental nature of Dadaist art most likely reflects freedom, liberation, and choice. 

In this artwork, Arp demands for a movement of new art; thinking outside the box without intention. She tore up heavyweight fine art papers with torn fiber edges, held them up in air, and then released them, letting the pieces land on the ground wherever gravity and the surrounding atmosphere took it. Then, she would mark the spot that it landed on and accordingly paste the piece in that exact arrangement. 

The use of randomness in Arp’s artwork is an example of Real randomness. While tasks like flipping a coin may be martingale random, or functions like random(); may be pseudo random, dropping papers and letting them land wherever is real random as there is no provable sequence or range involved. However, a factor of the artwork that may take away from the randomness is that it likely had a canvas which the pieces needed to fall on. Thus, she probably only chose pieces which were within the range and bounds of the canvas.

Project 06 – Abstract Clock

For my abstract clock, I wanted to make the design very sophisticated yet modular so that it resembles the shape and form of that of a clock. I wanted to maintain the layered approach of the clock.

Ideation for the project
sketch
// Juhi Kedia 
// SEction D 
// jkedia@andrew.cmu.edu
//Project-06 

var x = [];
var y = [];
var r = 450;


function setup() {
    createCanvas(450, 450);
    background(220);
    for(var i = 1; i<60; i++){ // initializing 60 circles 
        x.push(i*7.5);
        y.push(i*7.5);

  }    
}

function draw() {
    background (220);
    fill(255);
    strokeWeight(1);
    push();
    translate(width/2, height/2); // draing the main circle 
    ellipse(0,0, r,r);
    pop();
    push();
    translate(r/2, r/2);

    for (var i = 0 ; i<60; i++){ // filling red for the minute clock
    if (i == minute()){
            fill(255,0,0);
            stroke(0);
            ellipse(0,0,x[i], y[i]);  
        }

    }



    for (var i = 0 ; i<60; i++){ // disappearing the circle for the second clock  
        
        if (i != second()){
            noFill();
            ellipse(0,0,x[i], y[i]);  
        }
        
    }

    for (var i = 0 ; i<24; i++){ // bolding the stroke for the hour clock
        if (i +1 == hour()){
            strokeWeight(2);
            ellipse(0,0,x[i], y[i]); 
            
        }


    }
   // print(hour()); // used to check if it was a 12 hour preset or a 24 hour preset


    




}

06-Looking Outward

The piece I selected is the song/composition named Hausmusik by Harmonia. The piece is made up of seemingly random notes and sounds. We hear the randomness most in the variation of tempos in the piece. The ever changing tempo feels quite random and haphazard. I do not know anything about the process of writing the piece or if there was an algorithm used or not but it seems like there was an effort made to make the piece feel generative as opposed to highly planned and choreographed. I quite admire this as it in a way makes electronic music feel much more natural. Electronic music has a tendency to feel cold and often sharp and this piece in contrast feels sort of warm because of the way it randomly undulates. If I am speculating on the artist’s intention when creating this work, I assume that he intended for the piece to feel quite generative.

HEART OF INFLAMMATION

Alexey Kashpersky

Alexey Kashpersky’s Heart of inflammation is a 3D artwork that reinforces pathophysiology concepts. The animations developed out of its focus on the swarming and triggering inflammation in the heart’s pericardium and the building of the master cytokine that causes inflammation.


I found this artwork interesting because it is educational. In addition to the Heart of Inflammation, Everseen Glucose Sensor MOA, Lungs in Silico, Blood Clotting, Ebola Virus, HIV, etc. are some other informative and educative videos. Most of Alexey’s videos are Hi-poly organic 3D sculpting, texturing and scientific illustration in medicine and microbiology.


https://kashpersky.com/heart-of-inflammation


Project-05-Wallpaper

cybergoth dragon recursion!!!

sketch

// Zoe Lin (ID: youlin)
// Section B

function setup() {
  createCanvas(400, 600);
  noLoop();
  strokeWeight(0.025);
}

function draw() {
  callDragon(5, 5, width/1.5, height/2.5, 40);

function callDragon(x, y, width, height, d){
    background(255);
    d = map(40, 0, 60, 10, 16);

    push(); //dragon1
    drawDragon(x + width/3, y-2, width, height, d);
    pop();

    push(); //dragon2
    drawDragon(x + width/3, y+height+2, width, height, d);
    pop();
  
    push(); //dragon3
    drawDragon(x + width/3, y+height*2+2, width, height, d);
    pop();
  
    //push(); //dragon4
    //drawDragon(x + width/4.5, y+height*2.5, width, height, d);
    //pop();
}

function drawDragon(x, y, width, height, d){
    
    //draw
    triangle(x , y+height/2.5, x+width/2, y, x+width, y+height/2);
    translate(x, y+height/2);
  
    push();
    dragon(width, d);
    pop();
}

function dragon(len, d) {
    if (d <= 0) {
        return;
    }

    fill(255);
    triangle(0, 0, len/2, -(len/2), len/2.5, 0);
    push();

    var newLen = len/1.4;
    rotate(- PI/4);
    fill(0);
    triangle(0, 0, newLen, 0, newLen/2.5, -(newLen/2));
    dragon(newLen, d - 1); //recursion
    pop();

    push();
    translate(len, 1.4);
    rotate(-3 * PI/4);
    fill(0);
    triangle(0, 0, newLen, 0, newLen/2.5, -(newLen/3));
    dragon(newLen, d - 1);
    pop();  
}
}

P-05 Wallpaper

Took inspiration from a tile pattern for this project.

sketch
// Bridget Doherty, bpdohert, 104 Section C


// global color variables
var greyValue = 150;
var bckg = 240;
var lineCol = 0;

function setup() {
    createCanvas(550, 380);
    background(bckg);
}

function draw() {
    for (var i=50; i<=height; i+=93) {
        for (var j=50; j<=width; j+=93){
            clover(j, i);
        }
    }
    for (var i=3; i<=width+50; i+=93){
        for (var j=3; j<=height+50; j+=93){
            innerCircle(i, j);
        } 
    }
    noLoop();
}

function clover(x, y){
    var diam1 = 40;
    var diam2 = 31;
    var spacer = 26;

    // clover outer grey section
    strokeWeight(1);
    stroke(lineCol);
    fill(greyValue);
    circle(x, y-spacer, diam1);
    circle(x, y+spacer, diam1);
    circle(x-spacer, y, diam1);
    circle(x+spacer, y, diam1);

    // clover inner white section
    fill(bckg);
    circle(x, y-spacer, diam2);
    circle(x, y+spacer, diam2);
    circle(x-spacer, y, diam2);
    circle(x+spacer, y, diam2);
    noStroke();
    circle(x, y, 41);

    // petals outline
    stroke(lineCol);
    strokeWeight(7);
    line(x-15, y-7, x-7, y-15);
    line(x+15, y-7, x+7, y-15);
    line(x-15, y+7, x-7, y+15);
    line(x+7, y+15, x+15, y+7);

    // lines to complete the clover inner points
    stroke(greyValue);
    strokeWeight(8);
    line(x-12, y-12, x-15, y-15);
    line(x+12, y-12, x+15, y-15);
    line(x-12, y+12, x-15, y+15);
    line(x+12, y+12, x+15, y+15);

    // circles outline
    noStroke();
    fill(lineCol);
    circle(x-7, y-7, 12);
    circle(x+7, y-7, 12);
    circle(x-7, y+7, 12);
    circle(x+7, y+7, 12);

    // grey petals inside clover
    stroke(greyValue);
    strokeWeight(4);
    line(x-15, y-7, x-7, y-15);
    line(x+15, y-7, x+7, y-15);
    line(x-15, y+7, x-7, y+15);
    line(x+7, y+15, x+15, y+7);

    strokeWeight(1);
    fill(greyValue);
    circle(x-7, y-7, 8);
    circle(x+7, y-7, 8);
    circle(x-7, y+7, 8);
    circle(x+7, y+7, 8);
    
}

function innerCircle(x,y){
    var cross = 6;

    // circles in between the clovers
    strokeWeight(1);
    stroke(lineCol);
    fill(greyValue);
    circle(x, y, 61);
    fill(bckg);
    circle(x, y, 50);

    // plus sign in the middle of the circles
    strokeWeight(7);
    stroke(lineCol);
    line(x+cross, y, x-cross, y);
    line(x, y-cross, x, y+cross);
    strokeWeight(4);
    stroke(greyValue);
    line(x+cross, y, x-cross, y);
    line(x, y-cross, x, y+cross);
}

LO-05

I’ve always been a little obsessed with the MIT Media Lab and how they manage to make a circle out of the venn diagram that is ‘things I like’ and ‘things you can learn.’ This article is written by a student in the process of using javascript as a CAD replacement. They start out with the statement that ‘a design is just a bunch of numbers’ which I find particularly interesting, even if I don’t always agree with it. I’ve always been more drawn to code that produces an output that I can physically sense, not just on a computer screen. Code makes a lot more sense to me when I can hear what it’s doing, or if it interfaces with microcontrollers and physical circuits. But seeing these examples of javascript directly correlating to CAD drawings, 3D prints, or similar physical outcomes inspires me to see what else is possible with this language, especially in 3 dimensions. I know how to “bit bang” 3D models to a certain extent, but automating & scripting them would certainly improve a workflow and allow for further experimentation and innovation.

https://www.media.mit.edu/projects/from-cad-to-jad-javascript-aided-design/overview/

LookingOutwards – 05 Thanos’s Creation. 3D Computer Graphics in Marvel.

Thanos, Created by Studio: Digital Domain

Over the last 12 years of MCU movies being created, Marvel worked with many VFX studios such as Weta Digital, Framestore, and industrial light and magic. Almost every 3D Computer Graphics was used in the films. They used Maya, 3ds Max Modo, in addition to Zbrush and Mudbox for sculpting. To create textured painting works, Mari and Substance Painter. Nuke is used with after effects for compositing 3D projections. 

To create Thanos, Digital Domain worked with Marvel Studios to create effects shots using Masquerade. 513 shots were created by over 340 Digital Domain artists. Masquerade is a facial capture application that is based on computer machine learning algorithms. The system was worked on for 3 to 4 months before filming to develop and test. Masquerade has the ability to capture a high resolution image of an actor’s face at a rate of 40-50 frames per second. 

The actor Josh Brolin who played Thanos. For Digital Domain, it was important for Thanos’s movements to be very organic and realistic. Thus, Mocap cameras were used. The actor Josh wore a Mocap suit and helmet with cameras that had motion capture dots to capture his movements. Digital Domain’s factual capture identified the smallest details such as wrinkles and curvatures of Josh’s face. From here, the animation team could enhance features of the face like eyes, until Josh’s face was transformed into Thanos’s purple face.

This project and artwork interests me because I had no idea that so many programs and machine learning algorithms are used in movies that contain real humans to create fake characters. Rather than going through the struggle of using prosthetics or other costumes to create a villain like Thanos, they were able to create an animated character that can be then utilized throughout the film.

Sources:

https://digitaldomain.com/case-studies/avengers-infinity-war/
https://digitaldomain.com/case-studies/avengers-infinity-war/

https://inspirationtuts.com/what-3d-software-does-marvel-use/

Bhaboo’s Looking Outwards – Week 5

The 2D/3D digital artist from Italy, Marco Zagara, is known for his use of Blender, a computer software used by artists around the world to create their digital pieces. Blender was historically used as a video game creation planform but has now refined to specialize in 3D still production. In Zagara’s piece titled #dayoff, he has managed to combine the dream and reality world into a mystical portrait of a character. While this piece plays with the viewer’s imagination, it maintains a sense of realism in its features, convincing the viewer that this is an actual photograph of their dreams.

Instagram