Section A – Page 10 – [OLD FALL 2018] 15-104 • Introduction to Computing for Creative Practice

Curran Zhang- Looking Outwards- 10

A female practitioner that caught my attention is the architect, Meejin Yoon. One project that i found very interesting is a design competition entry, the +(plus) Bridge. The project was designed with the efforts of Eric Howeler and J. Meejin Yoon to help promote the vibrant lifestyle on the river in Boston. By connecting different modes of transportation, the structure was to increase activity for harbor viewing and waterway crossing. People are given the chance to go abroad on an infrastructure that extends out into the river. With green features and various sitting areas, more public spaces are encouraging people to come out.

The reason this project got my attention is because our architecture studio semester project is about reviving a site within the Allegheny river. This project sparks various ideas that would help be draw people onto a site that is quite secluded. Mashing up green properties and various properties to increase human activity is a great idea to revitalize my site.

http://www.howeleryoon.com/projects/plus-bridge

Kyle Leve-LO-Week-10

A woman that I discovered in the field of interactive artwork is Caroline Record. A project that she did during her time as a student at Carnegie Mellon University was assisting with the “Very Eric Carle” exhibit at the Children’s Museum. As a part of a four-student team called Click’d, Record worked to create an interactive exhibit that both children and adults could enjoy. What they created was an interactive play area based off Eric Carle’s most famous book “A Very Hungry Caterpillar.” This play area had different components such as grass, rocks, and hills that the children could play on and depending on their interactions with the landscape, the landscape would have different sounds. I admire how this project was done in a way that focused on creating a real-life version of a popular children’s book. I like how the play area considers of many different interactions and it seems like there is a lot to do even though it is a limited space. It was also interesting to study a project that is so close to me!

Link to project and video: https://carolinerecord.com/clickd/

Looking Outwards 9 Liz Maday

I am using 1 of my grace days for this late submission.

For this Looking Outwards post, I was inspired by Kai Zhang’s post on Kinetic Generative Music Installation (2017) by Andrius Sarapovas. This project creates an environment that you walk into, which contains various forms of instruments that create sounds meant to represent connections to a 4G network in Lithuania. There are a lot of features of the instrumental setup that correlate to the amount of data being processed and the number of connections to the network. The setup was also designed to take into account the size and features of the space it was built in. I think that this installation is a really cool idea, something I would want to experience myself. I like how the experience of this project has the potential to meet the expectations of the subject, or to make them view big data in a new way. I agree with Kai’s assessment that this exhibit made something relatively “cold” such as data connections into something “warm” like the echoing music which was produced. I think that this project could also have the effect of making the subject feel as if they are “part of something bigger”, through the experience of literally walking within the space and experiencing something that creates a sonic collage of interconnected events which are happening in the world. I also appreciated the pleasant nature of the sound that was created – for example, the designer could have chosen to make the sounds more harsh or pointed, but this richer sound has a more welcoming and relaxing effect on the listener. I think that this choice reflects the designer’s intent with this piece.

Erin Fuller – LookingOutwards-10

Emily Gobeille is an artist and renowned designer who specializes in merging technology and design to create rich and immersive design experiences. She is a Partner and Creative Director of Design I/O, and due to her unbound energy and affinity for telling stories, she tends to create of high-end but playful interactive installations for children. With an emphasis on meaningful interaction and systems built to support open play and discovery, her work creates a sense of wonder and delight.

The Carnival Interactive Aquarium, commissioned by Arnold R&D, was installed in storefront windows in 6 cities across the US. Gobeille used computer vision to cause the seascape to react to the motion of a user – seaweed will sway and fish will scatter – who can dial in with any mobile device and create a fish using their voice. Users play a game with the installation in real time through voice and phone keypad. I think this installation, though it was created as an advertisement, is really neat in how the public can interact with it.

Video of Installation, 2009

Yingyang Zhou-Project-09-Portraits

self-portraits

//Yingyang Zhou
//yingyanz@andrew.cmu.edu
//Project-09
//section A

var img;
var randomPos = 0;

function preload(){
  img = loadImage("https://i.imgur.com/GvPS1Fr.jpg");
}

function setup() {
    createCanvas(360, 480);
    background(200);
    // imageMode(CORNER);
    img.loadPixels();
    frameRate(500);
}
function draw(){

  //image(img, 0, 0, width, height);
  var px = random(width);
  var py = random(height);
  var ix = constrain(floor(px), 0, width-1);
  var iy = constrain(floor(py), 0, height-1);
  var col = img.get(ix, iy);

  noStroke();
  fill(col);
  var randomSize = random(10);
  ellipse(px, py, randomSize, randomSize);
  stroke(col);
  strokeWeight(2);
  line(px+random(10), py+random(10), px+random(10), py+random(10));
  strokeWeight(1);
  line(px+random(10), py+random(10), px+random(10), py+random(10));
}

I like this project for a chance to envolve with something we are familiar in our daily life and it provide an interesting to way to look at the common thing in a different way.

Yiran Xuan – Project 09 – Portrait

I am using 1 of my grace days for this late submission.

This project was centered around the idea of portraying brightness by the size of the object and letting background shine through as opposed to just coloring them. This was achieved by taking the brightness value of each pixel visited (this version visits only every 15 pixels), multiplying them by a coefficient, and using as the size of the small triangles that make up the picture. The ultimate effect is surprisingly good, with just two colors and shades able to portray nuanced lighting and shadows.

sketch

var portrait;
var spacing =15; // distance between columns
var sizingcoefficient = 12; //ratio that greyscale value is converted into triangle dimension

function preload() {
    //var myImageURL = "./selfportrait.jpg";
    var myImageURL = "https://imgur.com/a/MHAIBeE"
    portrait = loadImage(myImageURL);
}

function setup() {
    createCanvas(480, 480);
    background('grey');
    portrait.loadPixels();
    frameRate(120);

   	/*
	for(var i = 0; i <width*height; i+=15){
    	var pixelx = i%width; //x position of pixel
    	var pixely = floor(i/width); //y position of pixel
    	var greyscalevalue = brightness(portrait.get(pixelx, pixely))/12;

    	
    	noStroke();
    	//fill(greyscalevalue);
   		//ellipse(pixelx, pixely, 3, 3);
   		fill('orange');
   		//ellipse(pixelx, pixely, greyscalevalue, greyscalevalue);
   		triangle(pixelx, pixely, 
   			pixelx + greyscalevalue, pixely - greyscalevalue, 
   			pixelx + greyscalevalue, pixely + greyscalevalue);

  	}
	*/
	}

var i = 0;

function draw() {
		
	var pixelx = i%width; //x position of pixel
   	var pixely = floor(i/width); //y position of pixel
   	var greyscalevalue = brightness(portrait.get(pixelx, pixely))/sizingcoefficient; //retrieving brightness of pixel and converting into "greyscale value"

   	noStroke();
   	//fill(greyscalevalue);
   	//ellipse(pixelx, pixely, 3, 3);
	fill('orange');
   	//ellipse(pixelx, pixely, greyscalevalue, greyscalevalue); 
	triangle(pixelx, pixely, 
   	pixelx + greyscalevalue, pixely - greyscalevalue, 
   	pixelx + greyscalevalue, pixely + greyscalevalue); //drawing triangle; size of triangle is determined by brightness of pixel

	i+= spacing; //incrementing pixel; draw loop is essentially a giant for-loop

	if (i == width*height){
		i = 0;
	}
}

Yiran Xuan – Looking Outwards 09

Audrey Zheng’s Looking Outward 03 Entry about Madeline Gannon’s work, REVERB caught my attention due to my own interest into 3D printing and bringing digital objects into the physical world. I was curious about what the explanation meant by “tracking a squid’s movements through time and space”, and what it had to do with a kinect, until I watched the video. Essentially, a hand’s movements are tracked, and a virtual “squid” follows it and mirrors it across a virtual human model. A snapshot of its tentacle’s positions are recorded and the compilation of these snapshots form a discrete but connected shape. It looks beautiful for 3 reasons I believe: it is complex at first glace, it is symmetrical, and its lines are smooth. I have concerns whether all generated necklaces are structurally sound when printed, however…

Link to the work

Yingyang Zhou-LookingOutwards-9

This week looking outwards is about one post I found interesting and couldb be furthur looking into. It’s a sonic playground by Yuri Suzuki, original posted on Robert Oh’s post in looking outwards 4.

Sonic Playground continues the High Museum’s multiyear initiative to animate its outdoor space with commissions that engage visitors in participatory art experiences. It is the High’s first venture into exploring the notion of audible play—how the sounds all around us can be constructed, altered and experienced. The installation transforms the piazza into a welcoming atmosphere for socializing and recreation and serves as a stage for performances and art-making activities the High is co-organizing with local arts organizations.

The project targeted on childeren but also the public because of the scale and apperance of it to get more attention on the soundwave that happning in our daily life, you’ll find something different just hearing more into detail by this device.

One of the most intriguing pieces will be the Parabolic dishes. These require a certain amount of exploring, finding the exact spot where you can hear the reflection of sound at its most prominent.

Working alongside the engineers the design was tweaked to make the piece acoustically sound as well as structurally safe. This required changing the sound horns to faceted horns and adding extra supports to enhance the structural sterdyness.

Looking Outwards 9 rrandell

https://courses.ideate.cmu.edu/15-104/f2018/2018/09/21/looking-outward-04-2/

This is the link to the peer Looking Outwards ^

http://loop.ph/portfolio/sonumbra-de-vincy/

This is a link to the artist page ^

This is the video of the art ^

For this Looking Outwards I was really inspired by Arden Wolf’s commentary on her Looking Outwards assignment 4 about the intersection between computation and sound. Her commentary was about Sonumbra de Vincy, a site specific artwork that is called a Responsive Light Emitting Environment. The Sonumbra de Vincy is designed to be a commentary on extreme weather changes and climatic swings in the atmosphere. These changes are being explored in this artwork through sound, light and human interaction with the installation itself. I really agree with Ardens commentary on the hearkening the structures to trees to resonate with the climate changes in the artist’s intention. Arden’s commentary delved into the technology that the artist used to create it, but not much behind the concept of extreme weather and such of the artwork– but more the world context of the work.

Project 9 Liz Maday

finalfinal2

//Elizabeth Maday
//Section A
//emaday@andrew.cmu.edu
//Project 9

var theImage;

function preload() {
	theImage = loadImage("https://i.imgur.com/zBgacYu.png");
}

function setup() {
	createCanvas(400, 480);
	background(0);
	theImage.loadPixels();
	frameRate(100);
}

function draw() {
    translate(-10, -10);
    
    var x = random(width);
    var y = random(height);
    var col = theImage.get(x, y);

    stroke(col);
    var lengthmap = constrain(map(15, 0, mouseY, 0, 20), 5, 50);
    var weightmap = constrain(map(3, 0, 10, 0, mouseX/50), 0.2, 5);

    push();
    strokeWeight(weightmap);
    line(x + random(-20, 20), y + random(-10, 10), x + lengthmap, y + lengthmap);   
    pop();

    if (mouseX > width/2) {
        fill(col);
        ellipse(x, y, 2, 2);
    }
}

I liked working on this project because I got to see all the things that I could play around with while working in this format of altering a pre-existing image. I am interested in doing more creative things with this in the future. For this project, I used the position of the mouse to manipulate line length, strokeWeight, and whether or not ellipses are drawn.