Category: SectionE

Looking Outwards 05: 3D Computer Graphics

This project explores the infinite out of the finite, and  is composed of differing, abstract shapes that change shape and form and travel from left to right, panel to panel in a 5×5 grid. The shapes never repeat themselves, and whenever they pass a panel grid line, they change their look and behavior in a larger form. The shapes in each vertical panel are different, but they hold some similarity because their parameters that control their growth are the same. I admire how it resembles a grid lithographic printing, with multiple shapes, textures, and compositions. I feel as though it shows how applicable and universal the options are with 3D computer graphics, even without the use of complex systems. The algorithm that generated this work is a closed loop.

©,

Brian Knep: Drift Grid 1 (2005), 80 in x 80 in

Earlier stage of Drift Grid 1 : Drift (2004)

3D scanning of Laojun temples

Author: MediaStorm

3D scanning is no longer a novel topic today when everyone can take a series of images of an object and use computer software to process these images to generate a clean model. However, the project I am interested in expands the scope of 3D scanning drastically by reproducing the Laojun mountain temple in China. The immense size of temples requires them to use drones to take images of the temples carefully. To do that, they used software to select a region they wanted to scan. The software then calculated the flying route to control the drone so it could scan the temples accurately.

Temples in real life
Temples in digital forms

The best part I love about this project is that they have to climb up the mountain several times to control the drone and get to appreciate the temples in real life. Many ancient architectures are not properly taken care of, and even for those that get protected, they will eventually collapse someday. Therefore, 3D scanning could be a reliable way to produce 3D models of these buildings and make sure they exist in digital forms forever.

Wallpaper art

I try to build a pattern that fakes depth through gradients in brightness. The important part is to write a function for the arrows so I can make nested loops with them and array the arrows throughout the canvas.

//Jason Jiang
//Section E

//Setting variables 

//Creating Sky
function setup() {
    createCanvas(600, 500);
    background(255);
    colorMode(HSB);
    }
    


function draw() {
    //draw rows of arrows
    for(col = 0; col < 10; col++){
    for(row = 0; row < 32; row++){
        push()
        //Changing size of arrows
        var scale = 0.25 * (col+3)
        var l = 20
        translate(2*scale*l*row, 2*40*(col))
        rotate(radians(180))
        Arrow(0, 0, 20, 20, 250-col*6, 10*(col+1), scale);
        pop()
    }
    }
   noLoop()
}

    //Arrow gradient function
function Arrow(x, y, l, step, H, S, scale){
    strokeWeight(5);
    push()
    translate(x, y)
    for (i = 0; i<step; i++){
        stroke(H, S, 5*i);
        line(0, 5*i, scale*l, l+5*i)
        line(0, 5*i, -scale*l, l+5*i)
    }
    pop()
}

Looking Outwards – 04

The piece I picked is Radio Rocks by Dove Bradshaw. These pieces consist of conical sculptures of different types of rocks- Wissahickon schist, Pocono sandstone, and a basalt mixture. These sculptures were created in this shape to emmulate ancient cairns that used to be used as Neolithic astronomical markers and functioned as antennas.

First Drawing of Radio Rocks, 1998

Within these conical sculptures, Bradshaw placed three radios each that received waves from different frequencies. Local, world band short wave, and outer space. These radios received these frequencies and emitted them at low levels. Dove Bradshaw does a lot of work with stone, salt, and things that evoke themes of nature, the world, and space. This work is a vestige of neolithic creations with themes that intersect with the work that she makes.

Close-up: Top, World band short wave signal, Left,
local radio and Right micro-wave signals from outer space.

link to the artist’s website: http://www.dovebradshaw.com/works/Radio%20Rocks.htm

Looking Outwards – 03

The project that I picked is 3D-printed houses that are being fabricated by SQ4d. This project is being carried out in different locations in New York and is printing sustainable and affordable housing. They are using a 3D printer made out of aircraft-grade aluminum and have the capability to print any material, right now specifically printing mortars and concrete.

Printed Concrete

This company has been printing houses since it was founded in 2017. The director of operations is Kirk Andersen and his goal is to speed up the production of homes while lowering the cost overall and the environmental impact. The company is a collection of engineers, designers, architects, and tech specialists which work in an interdisciplinary manner to engineer and produce these projects. I have linked a podcast from Kirk Andersen, the SQ4D website, and a news article about the company.

Completed Printed House


Project 04 – String Art

sketch
/* eliana fleischer
    efleisch
    section e */ 

//GLOBAL VARIABLES
// these global variables will be used to be able to change the values while drawing different string arts
    
var dx1;
var dx2;
var dy1;
var dy2;

var dx3;
var dy3;
var dx4;
var dy4;

var numLines1 = 50;
var numLines2 = 15;

var ax1 = 50;
var ax2 = 150;
var ay1 = 50;
var ay2 = 300; 

var bx1 = 300;
var bx2 = 350;
var by1 = 300;
var by2 = 100;


function setup() {
    createCanvas(400, 300);
    background(124,158,129);
}

function draw() {

    push(); // push will create the bold deges of the lines
    stroke(0);
    strokeWeight(4);

    ax1 = floor(random(15,200)); // randomize x values for the two lines
    ax2 = floor(random(15,200));
    bx1 = floor(random(200,385));
    bx2 = floor(random(200,385));

    ay1 = floor(random(15,150)); // randomize the y values for the two anchor lines
    ay2 = floor(random(150,285));
    by1 = floor(random(150,285));
    by2 = floor(random(15,150));

    line(ax1, ay1, ax2, ay2); // anchor line A 
    line(bx1, by1, bx2, by2); // anchor line B


    dx1 = (ax2-ax1)/numLines2; // creates dx and dy for the lines created divided by numLines
    dx2 = (bx2-bx1)/numLines2;
    dy1 = (ay2-ay1)/numLines2;
    dy2 = (by2-by1)/numLines2;


    var x1 = ax1; // set the starting points of the string art lines to the anchor line values
    var y1 = ay1;
    var x2 = bx1;
    var y2 = by1;

    line(15,15, 385, 15); // upper anchor line
    line(15,285,385,285); // lower anchor line

    var x3 = 15; // creates the initial changing x values
    var x4 = 385; 
    var x5 = 15;
    var x6 = 385;

    dx3 = (385-15)/numLines1; // dx for the lines going to the left
    dx4 = (15 - 385)/numLines1; // dx for the lines going to the right


    pop();


    for (var i = 0; i <= numLines1; i +=1){ // for loop making the background lines
        stroke(243,204,113); // orange lines
        line(15,15, x3, 285); // lines going to left

        stroke(247,255,118); // yellow lines
        line(385,15,x4,285); // lines going to the right

        stroke(236,180,236); //purple lines
        line(15,285,x5,15); //lines from the bottom going left

        stroke(236,180,180); // pink lines
        line(385,285,x6,15); // lines from the bottom going right


        x3 += dx3; // changes the x values by the set dx
        x4 += dx4;
        x5 += dx3;
        x6 += dx4
    }

    stroke(29,5,95);
    strokeWeight(3)
    for (var i = 0; i <= numLines2; i+=1){
        line(x1, y1, x2, y2); // uses the randomly generated points to start lines
        x1 += dx1; // chnages the values by the set dxs and dys 
        y1 += dy1;
        x2 += dx2;
        y2 += dy2;
    }
    noLoop();
}

I think the most difficult part of this project for me was creating an interesting image. I did this by randomizing one of the string art shapes.

Project 03 – Dynamic Drawing

sketch
/* eliana fleischer
    efleisch
    section e */ 

var d = 10
var x = 20
var y = 20 // sets up variables for x, y and the size of the heart
    
function setup() {
    createCanvas(600, 450);
    background(220);
}

function draw() {

    background(255 - mouseX); //makes background go from lighter to darker as the mouse moves in the positive x direction

    x = mouseX; // makes x mouse x and y mouse y + 10 
    y = mouseY + 10;
    noStroke();
    push(); // push so only small heart is filled blues
    fill(0,0,mouseX); // fills in shades of blue relativeto the x position of the mouse
    beginShape();
    vertex(30, 40); // starting point for the small heart right side
    bezierVertex(40, 10 , 55 , 50, 30 , 70); // anchor points for the small heart right side
    vertex(30,40); // starting point for the small heart left side
    bezierVertex(20, 10 , 5, 50, 30, 70); // anchor points for the small heart left side 
    endShape();
    pop();

    d = mouseX; // makes the size of the heart relative to the mouse position
    d = constrain(d, 0, 300); // keeps the size fo the big heart from getting bigger than the canvas

    if (mouseX >= mouseY){ // filling the heart in a gradient relative to x and y
        fill(mouseX,0,0);

    } else {
        fill(mouseY, 0, 0);
    }

    beginShape(); 
    vertex(x, y); // makes starting coordinates for the big heart x and y 
    bezierVertex(x + d, y - (d) , x + (d) , y , x , y + (d)); // anchor points scaled by d 
    vertex(x, y);
    bezierVertex(x - d, y - (d) , x - (d), y, x, y + (d));
    endShape();

}

I think the hardest part of this project for me was figuring out different ways to create the dynamic aspect of this project.

Looking Outwards-04

Clare Katyal

I researched Seiko Mikami’s Desire of Codes. This is a project which uses a variety of sensors and small lights, as well as cameras to follow the movements of visitors. The movements trigger a response throughout all of the units, and lights are pointed on the visitor. I find it very intriguing how Mikami programmed all of these units to work in tandem to create an interactive experience for visitors. The sound created gives a slightly uneasy feeling, as the sounds given off by the guests are translated to sound like insects flying. I think this is an interesting idea, especially because of the creators intention to play with time and space.
https://www.youtube.com/watch?v=XjUC1xjRek0
2011, Desire of Codes, Seiko Mikami

Looking Outwards 04: Sound Art

This project is an interactive responsive play space piece that makes “musical rhythms, harmonie and luminous patterns” based on peoples’ movements, both active and passive. It is designed to respond with generated surround sound and visual light (umbrella of sonic shade of light made by electro luminescent fibers) to peoples’ activity underneath it. It also has a custom designed software that collects online weather data and translates it into the light column umbrellas. I admire how aesthetically pleasing this is, and how easily interactive it is with the audience.

As an artist, I am drawn to more ethereal and subversive pieces, and love how this project transports the audience into a new world and space that directly responds to their movements ( like a world that grows and is almost alive around them.) I also love how each person becomes a sort of unique instrument to the composition of light, sound and space.

The artists (Loop.ph) wanted to combine design. Architecture, and science to break the boundaries of specialized and innovative thinking and creativity, which were manifested with their installation that had dream-like, delicate structure and ethereal light technology.

link to video of the work

Sonumbra de Vincy, Responsive Light Emitting Environment (2008) – Loop.pH