Category: Section A

Looking Outwards 3

https://n-e-r-v-o-u-s.com/projects/sets/kinematics-dress/

The ‘Kinematics’ dress made by nervous system.

I chose to explore the fashion side of the computer generated physical forms. I really admire the movement that the creators were able to achieve with the dress. I inserted a photo of the dress above, but the clickable link includes a GIF of a person walking in the dress, and it really sways like a fabric that has shape but also has fluidity, which is incredible considering the fabric is nylon. It is also amazing to see that the creators have made a garment that is able to be fully customizable and can fit any body type. It is clear that the creators have strong artistic direction in addition to being extremely competent with the computer generation aspect of their art as well. There isn’t much information on the algorithms they use but the creators make their designs very accessible to the public and able for anyone to customize.

P03: Dynamic Drawing – Erin Fuller

I based my initial design off of the idea of the rotational translation we learned in our lab session. Using the mouse position you can change: the background color, sizes of the level one and level two circles, the distance of circles from the center, and the rotation of the level two circles around the level one circles.

//Erin Fuller
//SectionA
//efuller@andrew.cmu.edu
//Project 03

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

function draw(){
    colorMode(HSB);
	backH = mouseX/width*360; // background hue change depending on mouseX
	backS = mouseY/width*360; // background saturation change depending on mouseY
    var c = color(backH, backS, 70); 
    background(c);

	var eS = mouseX/10 // inner circle size change depending on mouseX
	var eO = mouseX/45 // outer circle size change depending on mouseX

	translate(width/2, height/2);
	for (var num = 0; num < 8; num++) {
		push();
		rotate(TWO_PI * num / 6);
		translate(mouseX/2, 0); // pushes larger circles out based on X postion
		ellipse(0, 0, eS, eS); // inner circles
		for (var j = 0; j < 15; j++) {
			push();
			var spin = mouseX/width * TWO_PI // causes smaller circles to go around the big circle
			rotate(spin * j / 9); 
			ellipse(40, 0, eO, eO); // outer circles
			pop();
		}		
		translate()
		pop();
	}
}

Yingyang Zhou-LookingOutwards-3

Strand Garden/ Matsys/ 2016

Inspired by the organic curves of Art Nouveau and translated through Matsys’s unique approach to digital craftsmanship, these four new pieces explore the champagne-making process and its emblematic materials.

Strand Garden’s three screens of curved strands, evoking tree trunks or vines, mark out a central area: “You’re in a small clearing,” Andrew Kudless explains. “You get hints of what lies beyond, but it’s an inward-looking, reflective space.”

Strand Garden, Matsys for Perrier-Jouët, DesignMiami/ 2016, Photo © Perrier-Jouët.​

Strand Garden

chiars in organic form

Details of the table

prototype/ 2014

Strand Garden

Strand Screen

Stand Table

Strand Tower Prototype

 

This project prototype explores the capacity of lightweight tubular structures to create an immersive experience for a lighting festival. Due to the short duration of the festival, the structure needs to be both lightweight as well as quickly deployable. Each tube is made from three planar pieces of CNC-cut HDPE. These parts are riveted together causing the planar material to slightly bend which also results in local stiffening of the material. Globally, each tube is twisting along its central axis which also adds a general rigidity to the tube.

In order to create an experience for the festival visitors that is engaging, playful, and innovative, the tubes transition from a bundled network at the top to individual strands at the base that allow visitors to walk between. A LED light strand is positioned at the centre of each tube and reacts to visitors’ movement as well as ambient conditions such as wind. This network of strands resonates with the complexity of local mangrove forests and provides a space for interaction, exploration, and play.

 

what I admire about this project is that it create a great atmosphere and subtly react to people passing through. My guess about the technology is using Arduino programmed to react to the movement of people and wind

Erin Fuller LookingOutwards-03

Image result for ICD/ITKE Research Pavilion 2013/14 at the Design Society
ICD ITKE Research Pavilion 2013-14

This Research Pavilion, 2013 – 14, was created by the Institute for Computational Design (ICD) and the Institute of Building Structures and Structural Design (ITKE) of the University of Stuttgart. The main goal of this structure was to continue to investigate in bionic research. The design of the structure was generated by algorithms meant to mimic the natural strength of the fiber composition of shells and exoskeletons. The students and researchers translated this to human scale installation by using lightweight fiberglass strings, taking place of natural fibers in cytoskeletons, wound around a steel frame.

I like this project because it is not only beautiful, but it shows a new path for architectural construction –  by bringing nature back into the design rather than creating the orthogonal structures we live in every day.

Jonathan Liang – Looking Outwards – 03

flowers of computation?

 

This is a work by Benjamin Dillenburger called Rocailles. Professor Dillenburger is a professor of architecture at the University of Toronto. What I find amazing about this work (and other Dillenburger works as well) is how it uses parametricism to generate beautiful sculptures. What I also admire about many of Dillenburger’s works is that they look that they are incredibly random, but have a computational formula behind how the forms are constructed. As an architecture student, I am pretty familiar with parametricism because it is now part of our core curriculum in school. Architecture now is turning to parametricism and computational design for housing units and designing buildings that can be integrated and be built by robotics. I have never been a big fan of computational design in architecture, but I love computational design when it comes to sculptures, installations, pavilions, and smaller scale works in general.

http://benjamin-dillenburger.com/projects/

 

Jamie Dorst Looking Outward 03

For this week’s Looking Outward post, I decided to write about a project called Zero/Fold Screen made in 2010 by a design studio called Matsys.

Zero/Fold Screen–a light filtering undulating wooden screen.
A different view of Zero/Fold Screen, showing its interesting dimensions.

This screen is made of wood, and is light-filtering. It was placed in a gallery in Canada. I was inspired by this project because they used digital fabrication to help reduce their material waste. A lot of times when building these types of projects, the size of the material is considered at the end, resulting in a lot of wasted material. This project generated components based on the size of their materials, reducing waste. It wasn’t clear what software they used to create the components, but they were cut on a CNC.

Some of the components of Zero/Fold Screen, demonstrating how they were cut so as to fit the original piece of wood.

I think it’s really cool that they’re using this technology to create something that is practical for use and for sustainability. It inspires me to use technology to create things that are beneficial for the world. It shows me that it is possible to be mindful of the implications of what I am creating, so that I can make the best thing possible.

Audrey Zheng – Looking Outwards – 03

This virtual creature exists as a 3D printable module; it is constructed as a closed mesh, with a spring skeleton that prevents self-intersections. The composite, chronomorphologic model (of the virtual creature over time) retains these printable properties at each time-step. Therefore, no matter how intricate or complex, the digital geometry will always be exported as a valid, 3D printable mesh.

I was really impressed by CMU Architecture student Madeline Gannon and her investigations in the combination of Kinect-based body-scanning. The field of creative coding in architecture is new to me.

The necklace depicted in the first photo is actually a 3D squid pulled across space and time. It is one repeated form merged into a beautiful sculpture. I love the combination of natural (but not random) shape, and the intricate geometry ruled by parametrics. The squid changes shape as it’s being pulled, ruled by simulation physics. There is so much going on behind the scenes in this complex necklace.

The 3D model is then exported for 3D printing. These are one of the projects that are perfect examples of the intersection between digital design and physical fabrication. I think this is an excellent use of the software Reverb. Reverb is context aware, and allowed Madeline to design these ready to print wearables. This new tech uses computer vision to record chronomorphology –  a composite recording of an object’s movement. In this case it records the 3D squid which has rigged limbs. It is constructed as a closed mesh, with a spring skeleton that prevents self-intersections.

See more details about Madeline’s work here.

Judy Li-Project-03-Dynamic-Drawing

judyli:Face Project 03

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

var angle = 0;
var x = 1;

function setup() {
    createCanvas(640, 480);
    x = random(1,5);
}

function draw() {
    background(0,0,0);
    //otherobjects
    fill(255,255,102);
    noStroke();
    var m = max(min(mouseX, 640), 0);
    var size = m * 200.0 / 640.0;
    //foreground
    if (mouseX < width/2) {
        background(153,204,255);
        ellipse(175, 200.0, 200, 200);
    }
    else background(0,76,153);
    fill(224,224,200);
    ellipse(350 + m * 120.0/640.0, 200.0, size, size);
    if (mouseX < width/2) {
        noFill();
    }
    else fill (255,255,155);
    push();
    translate(100, 50);
    scale(x/.5);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(250, 100);
    scale(x/2);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(400, 150);
    scale(x);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(550, 200);
    scale(x/3);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(100, 150);
    scale(x/1.5);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(250, 200);
    scale(x/.5);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(400, 250);
    scale(x/2);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(550, 300);
    scale(x);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(100, 250);
    scale(x/3);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(250, 300);
    scale(x/1.5);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(400, 350);
    scale(x/.5);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    push();
    translate(550, 400);
    scale(x/2.5);
    rotate(radians(angle));
    triangle(10, 7.5, 2.5, 20, 17.5, 20);
    triangle(10, 25, 2.5, 12.5, 17.5, 12.5);
    pop();
    angle = angle + 5;
}

I didn’t know where to begin with this project because there’s so much you can do. I liked the idea of day transitioning into night. So, I played with background and the foreground to create this. I wanted it to be a bit more playful and when you refresh the page, the sizes of the stars change with it!

Looking Outwards – 03

Syntopia | Behind the scenes | Iris van Herpen | Photo by Molly SJ Lowe.

Syntopia is a collection by Iris van Herpen that was inspired by the organic and inorganic, in which biology comes together with technology. She collaborated with other artists from Studio Drift to create life-like immersive sculptures through the use of movement. I believe that she was inspired to slow down time through chronophotography to capture the different layers. This new perspective helped change her style of work because she found a unique way of the usual draping of garments. She studied bird flight and avian motion carefully to get to her final results. Using the bird’s sound wave patterns, she was able to use a layering of acrylic and silk to mimic the architecture of a feather, and you can visually see that from the photo above.  I was really fascinated by her collections and the processes she and others go through to achieve their end results.

Syntopia – Behind the scenes
Couture of Syntopia – About the collection

AudreyZheng-Project02

sketch

/*
Audrey Zheng
Section A
audreyz@andrew.cmu.edu
Assignment-01
*/


var hair_length = 240;
var face_length = 193;
var hair_color = 72;
var eye_pupil = 18;
var cheek = 17;

function setup() {
    createCanvas(468, 584);
}

function draw() {





	background(220);

	//hair
	noStroke();
	fill(hair_color,15,15);
	rect(121,108,215,hair_length,100,100,20,20);


	//body
	noStroke();
	fill(200);
	rect(128,340,206,161, 50);

	//neck
	fill(221,169,112);
	rect(206,305,50,69,20);
	fill(250,194,133);
	rect(218,325,38,49,20);

	//ear
	fill(250,194,133);
	ellipseMode(CORNER);
	ellipse(130,220,38,47);
	ellipse(292,220,38,47);


	//earshadows
	fill(231,165,93);
	ellipse(138,228,27,33);
	ellipse(295,227,27,33);


	//face
	fill(250,194,133);
	rect(149,132,162,face_length,100);

	//bangs
	fill(hair_color,15,15);
	//arc(x, y, w, h, start, stop, [mode])
	arc(185, 120, 150, 80, 0, PI + QUARTER_PI + QUARTER_PI, OPEN);
	arc(98, 55, 100, 150, 0, HALF_PI + QUARTER_PI - 0.5,OPEN); //it goes counter clock-wise

	//eyes
	fill(255);
	rect(172,229,31,23,12);
	rect(254,229,31,23,12);
	fill(0);
	ellipse(179,229,18,eye_pupil);
	ellipse(260,229,18,eye_pupil);

	//nose
	fill(231,165,93);
	triangle(230, 251, 224, 270, 236, 270);

	//eyeliner
	noFill();
	stroke(90, 60, 50);
	strokeWeight(6);
	arc(170, 230, 40, 10, 3.24, 6, OPEN);
	arc(250, 230, 40, 10, 3.33, 6.1, OPEN);

	//cheeks
	noStroke();
	fill(255,172,172);
	rect(160,270,25,cheek,8);
	rect(277,270,25,cheek,8);

	//eyebrows
	stroke(hair_color,15,15);

	strokeWeight(12.0);
	strokeCap(ROUND);
	line(171, 206, 201, 201);
	line(260.5,202.5,291.45,207.81);

	//mouth

	 p2 = { x: 253, y: 254 };
	var p3 = { x: 253, y: 291 },
	 p4 = { x: 215, y: 295 };
	noFill();

	stroke(117,94,94);
	strokeWeight(4.0);
	curve(p2.x, p2.y, p3.x, p3.y, p4.x, p4.y, p4.x, p4.y);
}

function mousePressed() {
    // when the user clicks, these variables are reassigned
    // to random values within specified ranges. For example,
    // 'faceWidth' gets a random value between 75 and 150.
    hair_length = random(200, 300);
    face_length = random(190, 210);
    hair_color = random(40,120);
    eye_pupil = random(17,22);
    cheek = random(15,17);

    //eyeSize = random(10, 30);
}

//{ } are braces
// [] are brackets.

/* lol you can do this for comment too */