September 2019 – Page 37 – [OLD FALL 2019] 15-104 • Introduction to Computing for Creative Practice

Kristine Kim- Project 03- Dynamic-Drawing

var radx = 200;
var rady = 200;
var anglet = 0;
var angless = 0;
var angles = 0;
var anglem = 0;
var angleb = 0;
var anglebb = 0;


function setup() {
    createCanvas(640, 480);
    noStroke();  
}

function draw() {
//background color changing depending on the placment of the mouse
    background(mouseX,mouseY, 200);
// creating the 4 ellipses 
    fill(mouseX, 245, 127);
    ellipse(width/4, height/2,radx,rady);
    fill(mouseX, 245, 127);
    ellipse(width/2, height/4,rady,radx);
    fill(mouseX, 245, 127);
    ellipse(width/1.33, height/2,radx,rady);
    fill(mouseX, 245, 127);
    ellipse(width/2, height/1.33,rady,radx);
//This code transforms the 4 ellipses
    if (mouseX > width/2){
        radx = 50 + (width/2 - mouseX);
    }else {
        radx = 50 + (width/2 - mouseX);
    }
/*6 squares, all different sizes rotating either clockwise or
counter clockwise based on the left top corner of the squares*/

//rotating the smallest square, color stays the same
    fill (23, 0, 173);
    push();
    translate(mouseX, mouseY);
    rotate(radians(anglet));
    rect(0,0,25,25);
    pop();
    anglet = anglet + 12

//rotating smaller square , color stays the same
    fill(255, 55, 0);
    push();
    translate(mouseX,mouseY);
    rotate(radians(angless));
    rect(0,0,60,100);
    pop();
    angless = angless - 12;

//rotating small square, color changes with the mouse
    fill (150, mouseX, mouseY);
    push();
    translate(mouseX,mouseY);
    rotate(radians(angles));
    rect(0,0,90,150);
    pop();
    angles = angles + 10;

//rotating medium square, color changes with the mouse
    fill (200, mouseY, mouseX);
    push();
    translate(mouseX, mouseY);
    rotate(radians(anglem));
    rect(0,0,140,140);
    pop();
    anglem = anglem - 10; 


//rotating bigger square, color changes with the mouse
    fill(mouseY, mouseX, 250);
    push();
    translate(mouseX,mouseY);
    rotate(radians(angleb));
    rect(0,0,170,170);
    pop();
    angleb = angleb + 8;

//roating biggeest square, color changes with the mouse
    fill(mouseX,140, mouseY);
    push();
    translate(mouseX,mouseY);
    rotate(radians(anglebb));
    rect(0,0,200,200);
    pop();
    anglebb = anglebb -8;
}

This project was a little bit more challenging for me but definitely made me more interested in this class and coding for art in general. I started by creating an ellipse and making it change the height and the width(shape/size) with the mouse movement. Then added more element and abstraction with the rotating squares and rectangles.

Monica Chang – Looking Outwards- 03

Neri Oxman and MIT develop a collection of programmable bio-composites for Digital Fabrication called Aguahoja. They developed Aguahoja in response to the cumbersome, plastic consumption occurring globally which has been intoxicating our planet. With this, they hope to create a solution that corrupts this toxic cycle of plastic by uniting the “made” and nature to produce an organic environment that can be constructed and deconstructed without harming the earth’s soil.

This collection is digitally designed and robotically manufactured out of the most available materials on earth- materials within trees, insect exoskeletons , apples, and bones- in hopes of avoiding depleting more of Earth’s materials.

“…this work points toward a future where the grown and the made unite.”

Although the structures are all built from the same components, the structural makeup and its purpose in an environment vary.

I admire this piece because of its insightfulness towards the world and its current condition. The amount of research and intricate pieces created for this project intrigues me. It’s nice to know that there definitely is a way that we can avoid polluting our planet even further without changing anything about halting our momentum for modernizing the world.

Lauren Park-Looking Outwards-03

3D printed physical objects
Artist: The Mediated Matter Group

This project takes 2D data or digital information and converts it into 3D models and physical forms using 3D printing. I really admire this project and the way creative material is made using color and shape to represent data. This is because of how important it is to not only be able to analyze information and graphs or maps by looking at screens, but have an easier understanding of what this image would look like when it is visualized in real life, or off-screen. Multi-material 3D printing is mainly used to to transfer and convert various kinds of data, such as medical information like an MRI, visualized on the screen to physical objects. The artists satisfy the need and curiosity of how people can benefit from using tangible data the just digitally. All such complex information can be combined or put together to create a more sensible image for the brain to understand.

https://www.media.mit.edu/projects/making-data-matter/overview/

Project: Making Data Matter: Voxel-printing for the digital fabrication of data across scales and domains

Artist: The Mediated Matter Group

Margot Gersing – Project 03 – Dynamic Drawing

I really enjoyed combining different skill we have learned so far into this project. I started off using radial rotation which was fun to experiment with. I also utilized ‘easing’ which I think adds another level of interest to it.

Margot-dynamicdrawing

// Margot Gersing - Project 03 - Section E - mgersing@andrew.cmu.edu

// easing circle variables 
var cx = 100;
var cy = 100;
var diffx = 0;
var diffy = 0;
var targetX = 100;
var targetY = 100;

function setup() {
	createCanvas(480, 640);
	rectMode(CENTER);
}

function draw(){
	background(1, 58, 111);

	// BACK RECTANGLES
	// rectangle's y position follows mouseY
	fill(186, 216, 227); //light blue
	rect(width / 2, mouseY, width, 300);

	// rectangle's x position follows mouseX
	fill(253, 145, 83); //orange
	rect(mouseX, height / 2, 100, height);

	// CIRCLE
	noFill();
	stroke(255);
	strokeWeight(10);

	// circle follows mouse with an ease of 0.1
	diffx = mouseX - cx;
    diffy = mouseY - cy;
    cx = cx + 0.1 * diffx;
    cy = cy + 0.1 * diffy;
    ellipse(cx, cy, 250, 250);

	noStroke();

	// if mouse is on the left side of screen fill outer rectangles with yellow
	if (mouseX < width / 2) {
		fill(255, 185, 65); //yellow
	}

	// if mouse is on the right side of screen fill outer rectangles with dark green
	if (mouseX > width / 2) {
		fill(22, 88, 51); //dark green
	}

	// OUTER RECTANGLES
	// six rectangles evenly rotated around center on circle with radius of 180
	// size controlled by mouseX / 2 and mouseY / 2

	translate(width/2, height/2);
	for (var i = 0; i < 6; i++) {
		push();
		rotate(TWO_PI * i / 6);
		rect(180, 0, mouseX / 2, mouseY / 2);
		pop();
	}

	// if mouse is in the bottom part of screen fill inner rectangles with purple

	if (mouseY < height / 2) {
		fill(150, 71, 98); //purple
	}
	
	// if mouse is in the top part of screen fill inner rectangles with red
	if (mouseY > height / 2) {
		fill(255, 104, 62); //red
	}

	// INNER RECTANGLES
	// six rectangles evenly rotated around center on circle with radius of 50
	// size controlled by mouseX / 3 and mouseY / 3

	for (var i = 0; i < 6; i++) {
		push();
		rotate(TWO_PI * i / 6);
		rect(50, 0, mouseX / 3, mouseY / 3);
		pop();
	}
}

Katrina Hu – Looking Outwards – 03

Voxel-Printing of the Human Brain

Data physicalization of the human brain, made by the Mediated Matter Group

The Mediated Matter Group at MIT uses a multimaterial voxel-printing method. This enables the physical visualization of data sets. These data sets are visualized on a screen, and then converted into physical 3-D objects. One of the objects that stood out to me was the physicalization of the human brain. The viewer is able to see various brain structures, including bundles of axons that connect different parts of the brain.

I admire this work because it allows people to actually visualize structures that may otherwise be hard to see. It is very effective, as physical manifestations of data sets can improve spatial perception skills. It also makes the presentation of new information more intuitive for students. It allows much more interaction than 2-D information displays.

To generate this work, the group converts data sets into dithered material deposition descriptions. The data sets then can be visualized on screen and can later be converted into physical objects.

Carly Sacco – Looking Outwards – 03

Coded Clay is a project and business where 3D parametric fabrication creates pots and vases for people to use in their homes. This project is particularly interesting because code is used to alter every aspect of the 3D printing process to create unique vases. The 3D printer is also custom built to be able to print clay after using parametric coding in grasshopper.

The 3D printer prints clay in an arrangement coded and designed parametrically.

The process taken to create the pots starts by a sketch idea of a form/shape. Then by the use of parametric coding in grasshopper, the forms are digitally modified until the desired aspects of the pot are met. Lastly, the pots are 3D printed, fired twice, and hand glazed. Brian Peter is the creator of these and he if interested in both computational architecture as well as pottery. He went to undergrad for Studio Art and completed a ceramic residency – where the 3D printed clay idea started.

The pots are coded parametrically before the printing process begins.

Julia Nishizaki – Looking Outwards – 03

The project I chose to look at is a part of the Vespers series, a collection of 3D-printed death masks created by Neri Oxman and her Mediated Matter Group at MIT.

Three masks from the Vespers collection, the left most is from the first series (Past, the Natural World), the middle is from the second series (Present, the Digital World), and the right most is from the third and final series (Future, the Biological World)

The three series within the Vespers collection represents the past, the present, and the future, as the first series explores traditional death masks, and the concept of containing the wearer’s last breath, the second series is the metamorphosis or transition between death masks as an ancient relic and a more contemporary interpretation, and the third series creates an environment that guides and informs gene expression, in the sense that microorganisms inside the mask can produce chemicals that can help their users. In order to meld the masks from all three series together, the team used spatial mapping algorithms to transform the different geometries and colorations from the first series to the second and the second to the third.

One of the five masks from the third Vespsers series, “Future, the Biological World”
A close up of the mask shown on the left, each mask in the third series contains living microorganisms

I found the third series, “Future, the Biological World” particularly interesting, as not only are the five 3D-printed masks, or “biological urns” beautiful and elegant, but they capture the balance between life and death both visually and physically, through their functions. Using bioactive materials that they then 3D-printed using a Stratasys Objet500 Connex3 multi-material 3D printer, the Mediated Matter Group synthetically engineered microorganisms to produce specific pigments or chemical substances like antibiotics or vitamins. The masks are not only tailored to the physical features, but also to an individuals genetic makeup and their environment, opening up the possibilities for wearable interfaces and skins in the future.

Yoshi Torralva – Looking Outwards – 03

UNYQ Align Scoliosis Brace, UNYQ Design inc., 2017

Braces for scoliosis have been adjustable to the user’s condition but never personable. Ultimetality this results in these braces to be uncomfortable when worn for long periods due to adjustable straps and locks. UNYQ Align solves the issue of discomfort using an algorithm that uses current measurement data and desires goals to assist in mitigating the health effects of scoliosis. What why admire about the brace is how the structure is slimmer yet as effective due to the computer-generated design. The UNYQ Align’s overall design language is similar to that of an organically formed structure. UNYQ is applying this method of auto-generating forms into casts and braces for different parts of the body. One note is that they don’t go into detail about if the brace treats scoliosis faster or at the same rate as similar braces.

A person wearing the UNYQ brace personalized to their medical needs.

Austin Garcia – Looking Outwards – 03 – Section C

“Mass Regimes” by – Epiphyte Lab

The Epiphyte Lab’s study “Mass Regimes” is an exploration in implemented parametric modeling and CNC work. By programming a CNC machine to ‘print’ concrete in complex forms, they are able to experiment with the thermal properties of the concrete. These different computational forms all allow for differing heat transfer through the material. By studying the thermodynamic performance of different complex forms, the Epiphyte Lab is able to test new and unique thermal strategies for passive heating and cooling of buildings.

The Process for creating these surfaces most likely involved crafting parametric functions which created 3d digital models. These models were then read and ‘printed’ by a CNC machine capable of printing with Concrete. The specific parameters for these forms had to do with varying size, geometric complexity, and density of forms in order to experiment with the thermal properties of the concrete.

Gretchen Kupferschmid-Looking Outwards-03

The sculpture that was installed at Miami Art Basel

Constructed from aluminum that is one millimeter thick, Marc Fornes/THEVERYMAN created a sculpture that works as a pavilion called Labrys Frisae. The sculpture was meant to blur the distinctions between edge and space to create a immersive experience. This object was create through computational code, but what I find intriguing is creating art through code that humans can interact with and hold the human form. I couldn’t find much information of the exact algorithm he uses, but I know that process is meticulous and hands on.

https://theverymany.com/constructs/11-art-basel-miami