Bennett – [OLD FALL 2020] 15-104 • Introduction to Computing for Creative Practice

Looking Outwards – 09

I think Xander’s cited project, thispersondoesnotexist.com, is a fascinating project involving AI. I agree with Xander’s notes about the controversy but I don’t agree that people should worry about this type of system. It’s really interesting to me how they can form a full face out of cherry picking and choosing different features to make a face. Xander talked about how this type of software could be used for facial recognition but I also think this could exist as sort of a payment type in the future. I think that the technology can be adapted to then recognize people from their faces and be able to connect them to their bank account or credit card info.

Link: https://courses.ideate.cmu.edu/15-104/f2020/2020/10/08/lookingoutwards-06-2/

Looking Outwards – 08

Lindsay Grace is a video game designer, artist, and a professor. He’s best known as an academic gamer because of his focus on uses of interactive media and games to not only explore worlds but also cultural standards. His work includes projects such as social impact games, which are games that try to affect the gamers perspective about an issue, and much more. I think what he does effectively in his presentation is draw from different projects he’s worked on and the true data he shows with it.

Looking Outward – 07

The project I chose to look at for this week’s looking outwards was Aaron Koblin’s light project called “Flight Patterns”. The project facilitates a way to look at the air traffic over North America and visualize it into color and forms. I admire this project because the basis of looking at air traffic patterns seems mundane and maybe irrelevant, but Koblin was able to completely shift that to find underlying geometry, form, and depth of design. I suppose the algorithms generated for this piece was using air traffic control data and finding and system to systemize the information and plot into beautiful patterns and connections. I think the artist’s creative sensibilities lie in the determination for what colors respond to the algorithms to produce images that separate and combine information.

Link: http://www.aaronkoblin.com/work/flightpatterns/index.html

Looking Outwards – 04

The project I chose to learn more about was a project called “Plant Sounds” by TomuTomu . The project looks at the sounds various plants emit by “translating the electrical micro-voltage fluctuations” generated by the plants. This signal is then coded and used to produce a soundscape. What’s so interesting about this design is that the sounds come out so smooth and beautiful and that the plant is able to create that. I think for them to build this they would’ve needed to code the input values of the plant, from their electrical micro-voltage fluctuations, and assign values to them that would then relate to the code what time of sound output matches each value. I think the creator’s sensibilities lie in the sounds that are outputted because though the plant gives a specific value for the sounds, the creator decides which pitch is assigned to which value. I also linked another project regarding a similar project but one that experiments with adding voltage to plants and graphing out their molecular DNA changes to this signal. This is the TED talk by Greg Gage.

Link for “Plant Sounds”: //www.youtube.com/watch?v=VvWPT4VhKTk&ab_channel=TomuTomu

Link for TED talk: //www.youtube.com/watch?v=pvBlSFVmoaw&t=1s&ab_channel=TED

Project 4 – String Art

>sketch

												//Bennett Goeke
var angle = 0	

function setup() {
    createCanvas(400, 400);
    background(50);
    
}

function draw() {
	strokeWeight(10)								// background lines
	stroke(255, 0, 255)								// pink
	for (x = 0; x <= width; x += 30)
		line(x, 0 , x, height)						//repeating lines in loop

	noFill();
	stroke(0);										// black
	push();
	translate(200, 200)								// origin moved to center
	rotate(radians(angle));							// rotates record
	strokeWeight(1);
	for (var r = 100; r <= 250; r += 4){			// repeating circles 
		circle( 0, 0, r)
	}
	strokeWeight(10)
	fill(27);							// shade of black
	circle(0, 0, 100);					// inner fill circle of record
	
	translate(-200, -200);						// origin back to 0,0
	stroke(255, 255, 0);					//yellow				
	for (var y = 180; y <= 220; y += 5){
		line(180, y, 200, 200)				// yellow V-shape
	}
	push();
	translate( 200, 200);				// origin back to center			
	fill( 255, 0, 0);					// red				
	rect( 10, -20, 15, 40);				// yellow label with red inside
	pop();						

	angle += 3						// rotataing angle increases 3 degrees per frame
	pop();   

}

I decided to make a spinning record with a gold label and then kind of transformed into into a logo of sorts.

Project 3 – Dynamic Drawing

This project was designed to produce the numbers “104” if the user puts their mouse in the right location. The red moving square grows bigger and more red the farther you get from the correct point. I was inspired by the spinning motion of many other peer projects as well as some of the examples given. The change I wanted to make was to try and make it a game in which the user has to rotate back and forth until they can find the hidden message. I was also inspired by Prof. Cortina in using “104” as the hidden Easter egg like he has in past examples/ labs.

sketch

var xvel = +7			//sets velocity for red square			//bgoeke
var x = 0
var y = 0
var r = 225
function setup() {
    createCanvas(600, 450);
    background(220);
}

function draw() {
	background(150, 150, 0);
	push();
	translate(300, 225);
	rotate(radians(mouseX));						//rotates according to position of mouse
	fill(255, 255, 0);
	rect(0, 0, mouseX, mouseY);						//rectangle that makes #1
	pop();
	push();
	translate(425, 300);
	rotate(radians(mouseX));
	fill(0, 255, 255);
	ellipse(0, 0, 50 + mouseX, 50 + mouseY);			//ellipse that makes #0
	pop();
	push();
	translate(550, 225);
	rotate(radians(mouseX + 40));
	fill(0, 255, 255);
	rect(0, 0, mouseX, 100);						//rectangle that makes top left line of #4
	rotate(radians(mouseX - 40));
	fill(0, 255, 255);
	rect(0, 0, mouseX, 300);						//rectangle that makes vertical line of #4
	pop();
	push();
	translate(490, 300);
	rotate(radians(0));
	fill(255, 255, 0);
	rect(mouseX, 0, 100 - mouseX, 225 - mouseY);		//rectangle that makes horizontal line of #4
	pop();
	fill(mouseX - 255, 0, 0);
	rect(x, y, mouseX, mouseY - 225);					//red rectangle that covers screen when mouse is in wrong direction
	x += xvel;
	if(x>600-(r/2)) {    //makes rect not go past 600
      xvel =-xvel
    };
     if(x<0){    //makes rect not go past 0
      xvel =-xvel
	};
}

This is an example of the hidden “104”. The finished project can look a little different and still form “104”.

Project 1 – Self Portrait

This is my code.

Portrait Project Download

function setup() {
    createCanvas(600, 800);
    background(100);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
	background(100);
	fill(163, 116, 96);
	noStroke();
	ellipse(300, 400, 320, 450 );
	fill(111, 84, 54)
	quad(151, 230, 227, 100, 480, 90, 400, 230)
	noFill();
	stroke(0);
	strokeWeight(3)
	arc(187, 363, 189, 189, PI + HALF_PI + QUARTER_PI, TWO_PI + QUARTER_PI);
	arc(415, 363, 189, 189, HALF_PI + QUARTER_PI, PI + HALF_PI);
	arc(265, 450, 50, 50, HALF_PI, PI + QUARTER_PI);
	arc(335, 450, 50, 50, PI + HALF_PI + QUARTER_PI, TWO_PI + HALF_PI);
	fill(0);
	noStroke();
	ellipse(209, 363, 60, 48)
	fill(100);
	noStroke();
	arc(200, 400, 320, 450, PI, PI + HALF_PI);
	fill(163, 116, 96);
	noStroke();
	arc(100, 400, 125, 350, PI, PI + HALF_PI);
	fill(0);
	circle(390, 363, 60);
	fill(34, 70, 144)
	ellipse(380, 363, 15, 35);
	ellipse(198, 363, 15, 35);
	fill(157, 78, 74)
	quad(230, 500, 335, 485, 330, 515, 225, 510)
	quad(230, 510, 335, 510, 330, 525, 225, 520)
	fill(0)
	triangle(240, 510, 325, 498, 330, 510)
}

LO- Looking Outwards

Bennett Goeke

One of the projects I found admiring was from a recent show I started watching called “The Morning Show” on AppleTV. Particularly the intro animation that is mainly just many scenes of simple shapes interacting with each other and colliding into different scenes. The intro uses a mix of 3D and 2D graphics which interested me the most. The reason it’s so appealing to me is that I want to learn how to code things to interact and move with the laws of physics. The intro for the show was created by a design team called “Elastic” in which they organized the development by major themes. The intro also tells a deep story about the show depicted in very simple-form shapes. I think this project needed the development of custom software as the way the object move is so complex as they interact with each other so much. I think they might’ve been inspired by some of the projects of Piet Mondrian because they both use simple mediums within their work while also underlies a complex context.

“The Morning Show” – Design Team: Elastic