## test

``````// bouncing ball example

var x, y, dx, dy;
var r = 30; // radius
var g = 0.1; // gravity

var mySnd;

mySnd.setVolume(0.5);
}

function setup() {
createCanvas(400, 400);
x = 200;
y = 40;
dx = 0;
dy = 0;
}

function draw() {
background(200, 220, 250);
fill(0, 250, 0);
ellipse(x, y, r, r);
x = x + dx;
y = y + dy;
var travel_since_bounce = y - (height - r / 2);
if (travel_since_bounce > 0) {
// after bounce we should have gone in the other direction
// so undo travel and travel in the opposite direction,
// therefore we need to subtract travel * 2 from y
y = y - travel_since_bounce * 2;
dy = -dy; // change direction
mySnd.play();
}
dy = dy + g; // gravity
}
``````

## final project ARDEN WOLF

``````
var d=0;
var x = 0;
var y = 0;
var  soundA;
var  soundB;
var  soundC;
var  soundD;
var  soundE;
var  soundF;
var  soundG;
var  soundH;
var  soundI;
var  soundJ;
var  soundK;
var  soundL;
var  soundM;
var  soundN;
var soundO;
var soundP;
var soundQ;
var soundR;
var soundS;
var soundT;
var soundU;
var soundV;
var soundW;
var soundX;
var soundY;
var soundZ;
var sound1;
var sound2;
var sound3;
var sound4;
var sound5;

var shape;

var objects= [];

}

function setup() {
createCanvas(400, 400);
background(0);
frameRate(10);
}

function makeRect(xX,yY,d){
var s = {
width: d,
height: d,
x: xX,
y: yY,
draw: rectDraw,
update:update

}
return s;
}

function makeEllipse(xX, yY, d){
var  s = {
width: d,
height:d,
x: xX,
y: yY,
draw: ellipseDraw,
update:update
}
return s;

}

function rectDraw() {
rect (this.x, this.y, this.width,this.height);
}

function ellipseDraw() {
ellipse (this.x, this.y, this.width,this.height);
}

function update (){
print(d);
if (this.width> 0){
this.width = this.width - 30;
}
if (this.height>0){
this.height = this.height - 30;
}
}

function draw() {
background(0); // background confetti
strokeWeight(4);
for (var x = 0; x < width; x = x + 1) {
stroke(50);
}
noStroke();
// if (millis() > 2000) {
//     osc.stop();
//     noLoop();
// }
for (i = 0; i< objects.length; i++){
objects[i].update();
objects[i].draw();

}

if (keyIsPressed) {
d=300;
x = random(5,350);
y = random(5,350);

if (key === 'a'){
fill(238,130,238);
print(soundA);
soundA.play();
var circle = makeEllipse(x,y,d);
objects.push(circle);
// shape = 0;

}

if (key === 'b') {
fill(214);
var circle = makeEllipse(x,y,d);
objects.push(circle);
//shape = 0;
soundB.play();
}

if (key === 'c'){
fill(0);
//shape = 1;
var rectangle= makeRect(x,y,d);
objects.push(rectangle);
soundC.play();
}

if (key === 'd'){
fill(124,252,0);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundD.play();
}

if (key === 'e'){
fill(0,255,255);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundE.play();
}

if (key === 'f'){
fill(255,255,0);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundF.play();
}

if (key === 'g'){
fill(139,0,0);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundG.play();
}

if (key === 'h'){
fill(50,205,50);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundH.play();
}

if (key === 'i'){
fill(51,51,255);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundI.play();
}

if (key === 'j'){
fill(160,160,160);
//shape = 1;
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundJ.play();
}

if (key === 'k'){
fill(255);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundK.play();
}

if (key === 'l'){
fill(51,0,102);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundL.play();
}

if (key === 'm'){
fill(204,255,204);
//shape = 0;
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundM.play();
}

if (key === 'n'){
fill(255,0,127);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundN.play();
}

if (key === 'o'){
fill(255,51,153);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundO.play();
}

if (key === 'q'){
fill(204,255,153);
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundQ.play();
}

if (key === 'r'){
fill(255,204,255);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundR.play();
}

if (key === 's'){
fill(255,0,0);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundS.play();
}

if (key === 't'){
fill(255,215,0);
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundT.play();
}

if (key === 'u'){
fill(255,165,0);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundU.play();
}

if (key === 'v'){
fill(254,0,246);
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundV.play();
}

if (key === 'w'){
fill(1,30,254);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundW.play();
}
if (key === 'x'){
fill(253,254,2);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundX.play();
}

if (key === 'y'){
fill(254,0,0);
var rectangle = makeRect(x,y,d);
objects.push(rectangle);
soundY.play();
}

if (key === 'z'){
fill(204,255,0);
var circle = makeEllipse(x,y,d);
objects.push(circle);
soundZ.play();
}

}
print(d);
if (d > 0){
d = d - 30;
}

if (shape ==0){
ellipse(x,y,d,d);
}

else {
rectMode(CENTER);
rect(x,y,d,d);
}

}

``````

final project

## Min Jun Kim- Looking Outwards 12

For this week’s looking outwards, I wanted to compare two projects that are generative in nature. One is called Wall Explorer A by an artist named Moka. I was very drawn to the bold and impactful drawing. And in a lot of sense, it reminded me of Pittsburgh. The premise of the artwork is that the artist drew certain items using software, then drew them again in real life using artist tape. I admire the fact that this project is very multifaceted, and uses creative resources to complete. Usually a lot of art is done on one medium, but by incorporating multiple sources, one can create what normally and usually can’t be done with extreme precision. I think creator could have improved upon this were he to use varying thickness of the tapes.

The other project that I admire a lot would be David Bollinger’s D20160112B. The project is a graphic illusion type of art that gives the impression of a 3d gaming background/map. I thought that this project was very interesting because it is able to portray such complex 3d structure in a simple and non-invasive way. Also it is very detailed and have no parts that defy the 3d space. I think the artist could have improved on this if he were to add other interesting elements such as trees and other landscapes like stones.

Link to Wall Expolorer A by Moka produced in 2011: http://mariuswatz.com/2011/03/11/wall-exploder-a/
Link to D20160112B not as easy by David Bollinger produced in 2016: https://www.flickr.com/photos/davebollinger/24252153771/

## Project 12: Final Project Proposal For my final project, we wanted to create an audio-visual experience that would also have some interactive aspect tied to it. We want to set a peaceful and dreamy tone, so we’ll be using a variety of different-colored circles to represent the sounds. To make it an interactive experience, we’ve decided to add layers of audio with each click so that the user can see the different types of instruments that go into making a song. The graphic interface will start of with the circles in the middle of the canvas in a straight line and fluctuating as the sounds are piled on. We’ve also decided that we will assign a different color to each new instrument/sound that is added. In that way, the user will be introduced to a combination of sounds that transform what they previously saw from before clicking.

Proposed collaborators: Katherine Hua (khua)

## JasonZhu-LookingOutwards-12 