ANIMATION

ma il cielo è sempre più blu

{me at Unity}

 

For some reason, I really enjoy the visual experience while working at Unity. I could explore infinite possibilities of arranging colors, shapes, objects, textures and making them have shadows and move—> joy!

I wish I had more time to do this all day long.

I made a short unity “game” or it could be a poem, that you can control with your keyboard. I am emailing the file because I can’t seem to embed or upload via wordpress.

I tried to do it all bymyself, so it is not that fancy but it was exciting for me.

While learning, I decided to make a list of the ideas that come and go, hopefully I can figure out how to make them:

 

screen-shot-2016-12-23-at-4-47-46-am

odasabot2video

lalalalla_1164

 

Intro to Computational Media · Uncategorized

ondas

unnamed-1

 

 

  1. https://alpha.editor.p5js.org/full/ry6ERF87x

2. https://alpha.editor.p5js.org/full/Bk8uoVvml

3. https://alpha.editor.p5js.org/full/ByscaqIXl

 

 

I would like to talk about the process, about my process at ICM and this final work.

As you might recall it began with clouds and marble sculptures, well actually it began with looking up, looking into the blue skies and finding myself amazed with the movement of white.

So I decided to study particle systems and clearly Shiffman’s tutorials were not enough, but I found myself looking for more, trying to understand how nature works how we work. I couldn’t understand the math or the physics really but there was something I felt i did understand something that seemed very logic and visual to me but very abstract when I tried to define it.

I decided to stop the online tutorials for a moment and I went back to books. I think it was the best decision I made because I realized that all of those interesting, complex and fascinating ideas that I read about in my books on anthropology, sociology and art theories I now imagined them being created or expressed in p5 sketches and suddenly a door opened!

I kept on reading and mixing my books with new books on physics and code; in the midst of my research a thought came to me: “an acoustics of change begins with an encounter”1 …

Somehow, I thought this quote explained the logic behind particle systems. And I wondered, How can I express this with code?

Acoustics= waves/amplitude

Encounter= the immediate thought is: to meet someone or something else, but isn’t the first encounter with ourselves?

We see the canvas or space as empty, as waiting for our creativity and information to be deployed, but in reality the canvas is already full, how much information: layers of information make it. x y z , etc plus our own images assumptions information etc, therefore what we do as we approach canvas is to delineate, to subtract, understand.

An encounter implies space and time. – as we attempt to delimit our own geographies by following our vibrations we realize that in order for this to happen the other most exist, a wave will not delimit our geometry if there was no distance, if we didn’t position ourselves in space and in relation to others.

Like particles  as they grow together.

I went back to my old notes from the first ICM classes and realized I have been wondering around the same concepts.

“It is our task to organize the silence in which we begin.”

“That is, the software “corrects” us through the assumptions of approximation.”

“Our most ancient and exquisite self-correcting tool has always been neither the pen nor the scalpel, but the algorithm.6″

“If we operate according to an acoustics of change, the one who holds the microphone listens in the space of silence. Silence is the desire of the other. It organizes a politics of many. If the microphone is only used to amplify oneself, then one may as well have grabbed a hammer.”

Reference/inspiration: 

Ultra-red, “Some theses on militant sound investigation, or, listening for a change.”

Francesca Hughes, “Facilities for Correction”


Code1: 

//computer tell me something that makes me think, that moves me.
//Then I click and I see an encounter. Show me a virtual encounter, show me a real encounter. Which one happens first? 
//An encounter seems to be with the other, but isn't it always with ourselves first? For the point to exist, does it need a line? It needs another point. 

var weWantToShowTheVideo = false;
var mic;
var micLevel;
var points = [];
var prevFrame;
var threshold = 100;
function preload() {
 img = loadImage("titulo.JPG");
 capture = createCapture(VIDEO);
 capture.hide();
}
function setup() {
 var cnv = createCanvas(windowWidth, windowHeight);
 mic = new p5.AudioIn()
 mic.start();
}
function draw() {
 background(255, 17);

if (weWantToShowTheVideo) {
push();
 scale(0.2);
image(capture, windowWidth / 2, windowHeight / 2);
 pop();
 } else {
image(img, windowWidth / 3, windowHeight / 2, 450, 50);
 }
micLevel = mic.getLevel();
 console.log(micLevel);
for (i = 0; i < points.length; i++) {
 points[i].display(micLevel);
 }
strokeWeight(10);
}
function mouseMoved() {
 if (weWantToShowTheVideo) {
 var newPoint = new Point();
 newPoint.xpos = mouseX;
 newPoint.ypos = mouseY;
 newPoint.display(micLevel);
 points.push(newPoint);
 }
}
function Point() {
 this.xpos = 0;
 this.ypos = 0;
 this.display = function(micLevel) {
ellipse(this.xpos, constrain(this.ypos - micLevel * this.ypos * 10, 0, this.ypos), 10, 10);
ellipse(this.xpos, constrain(this.ypos - 40 + micLevel * this.ypos * 10, 0, this.ypos), 10, 10);
}
}
function mousePressed() {
weWantToShowTheVideo = true;
}
//I enjoy the movement of the console.

 

Code 2:

//initial positions

var posInitX1;
var posInitX2;
var posInitY1;
var posInitY2;

//current position
var posX1;
var posX2;
var posY1;
var posY2;

//movement for updating position
var incrementX;
var directionX;
var incrementY;
var directionY;
var myDiameter;

var mic;
function setup(){
 mic = new p5.AudioIn()
 mic.start();
 createCanvas(400,400);
 
 //first ellipse starts in upper left corner
 posInitX1 = 0;
 posInitY1 = 0;
 
 //second ellipse starts in lower right corner
 posInitX2 = width;
 posInitY2 = height;
 
 //initialization of position
 posX1 = posInitX1;
 posY1 = posInitY1;
 posX2 = posInitX2;
 posY2 = posInitY2;
 
 //diameter of ellipses
 myDiameter = 10;
 
 //define movement direction and amount
 incrementX = 1;
 directionX = 1;
 incrementY = 1;
 directionY = 1;
 
}
function draw(){
 
 background(255, 17);
 micLevel = mic.getLevel();
 strokeWeight(1);
 stroke(40);
 //ellipse(width/2, constrain(height-micLevel*height*5, 0, height), 10, 10);
 //ellipse(width/2, constrain(0+micLevel*height*5, 0, height), 010, 1);
 
 // incrementX = 5*micLevel;
 
 //update position of ellipses
 if (micLevel > 0.02 && (dist(posX1, posY1, posX2, posY2) > 1)) {
 posX1 = posX1 + incrementX*directionX;
 posX2 = posX2 - incrementX*directionX;
 posY1 = posY1 + incrementY*directionY;
 posY2 = posY2 - incrementY*directionY;
 }
 
 console.log(micLevel);
 ellipse(posX1, posY1, myDiameter, myDiameter);
 ellipse(posX2, posY2, myDiameter, myDiameter);
 
}
strokeWeight(4);
stroke(51);
 //ellipse(mouseX, mouseY, 70,50);
 scale(0.6);
 ellipse(mouseX,mouseY,25,25);
 ellipse(width-mouseX,mouseY,25,25);
 ellipse(width-mouseX,height-mouseY,25,25);
 ellipse(mouseX,height-mouseY,25,25);


Code3:

var vid;
var mic;
function preload(){
 vid = createVideo("MARGRID.mov");
 vid.hide();
 vid.loop();
}
function setup(){
 createCanvas(400, 400, WEBGL);
 mic = new p5.AudioIn()
 mic.start();
}

function draw(){
 background(0);
 //pass video frame as texture
 texture(vid);
 micLevel = mic.getLevel();
 plane(200,constrain(height-micLevel*height*5, 0, height));
 micLevel = mic.getLevel();
 
}

ANIMATION

DISTANCIAS

Collage animation exercise:

poster
00:00
--
/
--

 

Process:

 

Research and more here: http://cargocollective.com/ADODA

 

Physical Computing

FINAL PROCESS-ADODA

 

 

sketchodad

 

 

 

poster
00:00
--
/
--
Physical Computing

Final Project

Concept – week 1 (narrow your ideas)

WE WANT TO EXPLORE:

-In physical level-

-Light

-Color/Caustic Patterns (understand light waves and phenomena)

-Movement

-Shadow

-Interaction with human body(vibrations/frequency)

-In a conceptual level-

-“..Because humans cannot reside in a point, in the beginning there was the bubble..” A study in the morphology that connects all aspects of life. Inherent morphologic dynamics of the worlds we share.

“And how perplexed must any womb-born creature feel, who is obliged to fly thin air.”Rilke

-Gaining access to something that is the most real, yet also the most elusive and least tangible of things:self-realizing forms (spheres)

-“To speak means to play with the body of the other” A.tomatis Body/Vibrations. How can we make visible the vibrations and frequencies that interact with our bodies and realities. Drawing the body with bubbles.

– How could we replicate the experience of floating on water surface?

– Cloud made of growing/expanding bubbles+quinine fluorescence

PLAYTESTING PROTOTYPE:

esfera
00:00
--
/
--

esfera1
00:00
--
/
--

esfera2
00:00
--
/
--

esfera3
00:00
--
/
--

BOM:

-What we need-

(Mechanism)

– 1 Arduino mega or multiple Arduino micro

– 13 Peristaltic pumps

– 3 Air pumps ( )

– Tubing

– Power supply and AC/DC conversion

– Distance Sensor or Camera

– Mini proyector

– Other sensors (Thermo/Neuro/Photo/Pulse)

(Design)

Version 1:

-Acrylic tube

-Rubber tubing

-Acrylic cement

-Wood

Version 2:

-Test tube

-Test tube lab stand

-Rubber tubbing

-3D printed surface lid

-Acrylic sheet

SCHEDULE:

november-2016-calendarpcomp

SPACE/INTERACTION DIAGRAMS: 

-Space & design sketches-

pcompsketchesbubble

-Code Arduino & circuits-

const int analogInPin = A0;  // Analog input pin that the potentiometer is attached to

const int digitalOutPin = 9; // Analog output pin that the LED is attached to

int sensorValue = 0;        // value read from the pot

int outputValue = 0;        // value output to the PWM (analog out)

int oldValue=0;

void setup() {

  // initialize serial communications at 9600 bps:

  Serial.begin(9600);

  pinMode(digitalOutPin,OUTPUT);

}

void loop() {

  // read the analog in value:

  sensorValue = analogRead(analogInPin);

  // map it to the range of the analog out:

if (sensorValue+oldValue < 40 ) {

  sensorValue=100;

  digitalWrite(digitalOutPin, HIGH);

  delay (100);

  digitalWrite(digitalOutPin, LOW);

  delay(10000);

  }

  oldValue=sensorValue;//filter noise

//  else{

//    digitalWrite(digitalOutPin, LOW);

//    delay(30);

//    }

  delay(100);

    //outputValue = map(sensorValue, 0, 1023, 0, 255);

    // change the analog out value:

// analogWrite(analogOutPin, outputValue);

  // print the results to the serial monitor:

  Serial.print(“sensor = “);

  Serial.println(sensorValue);

  //Serial.print(“\t output = “);

  //Serial.println(outputValue);

  // wait 2 milliseconds before the next loop

  // for the analog-to-digital converter to settle

  // after the last reading:

  delay(2);

}

Intro to Computational Media

Final Project Idea1

https://alpha.editor.p5js.org/projects/SJgVUubZx

 

I am interested in:

-A sudden suspension of the natural order.

-Observation, to notice and wonder.

-An intelligent cloud/spheric connections of space.

-“Humans are beings that participate in spaces unknown to physics.”Peter sloterdijk

-“And how perplexed must any womb-born creature feel, who is obliged to fly thin air.”Rilke

Wouldn’t it be amazing if we could look up to the blue sky and see the smoke coming out of factory chimneys transform into classic marble sculptures. They rise and are shaped with the smoke and then disappear in thin air one by one.

I would like to try this idea using p5 and data from museums all over the world, so you could control the marble sculptures that you want to see, from specific time period or artists. Also, if possible a real video of smoke from different factories.

I am not sure if this is possible but I have asked around ITP and some say it is, they tell me to explore: 3d simulation, webgl smoke and this library that looks incredible:

https://threejs.org/examples/?q=video#webgl_materials_video

Intro to Computational Media

skeleton tracking with bubbles

EXPERIMENT 1:

BUBBLE
00:00
--
/
--

 

 

 

http://alpha.editor.p5js.org/projects/SyksqTkge

 

bubbleskeleton
00:00
--
/
--

 

 

Ideas/reference:

https://github.com/lisajamhoury/kinectron

https://github.com/lisajamhoury/KinectronTrainingOct2016/blob/master/examples/p5examples/catch/sketch.js

 

 

View this post on Instagram

Body outline cone #openframeworks

A post shared by zach lieberman (@zach.lieberman) on

 

View this post on Instagram

Body curl uncurl in place #openframeworks

A post shared by zach lieberman (@zach.lieberman) on

 

Physical Computing

MIDTERM

1pensamiento

 

 

img_6495 img_6493 img_6494

 

BUBBLE
00:00
--
/
--

 

Process:

There are so many ideas that I would like to develop, and even if I question them I still want to create them and amaze myself, because I realize that with every amazement, more questions arise. Questions about design, but also about science, art, cognitive process, human interactions, emotions etc. So I think maybe right now I am interested in design that enables observation. Any kind of observation. 

 

code:

codebubbblesam

 

 

Second step: I am working on connecting this system to the P5 editor and the Kinect skeleton tracking system, so that each joint of the human body which is represented by an ellipse in the current kinect code, will then be physically represented by a bubble and a light bubble as you enter a room.
The other option is to have to skeleton tracking system projected inside the bubble. Also, using micro organisms.

 

Intro to Computational Media

SPHERES

 

screen-shot-2016-10-20-at-3-27-58-pm

 

The problem with network theory, Sloterdijk claims, is that it overstates the linear connections of points within a planar surface to the detriment of the intrinsic volume of all social space—network theory replicates rather than analyses the Euclid hierarchy in which a point is that which has no part, lines are made out of these empty points, planes from lines, and spheres from planes. For Sloterdijk—and it would seem for Levi-Strauss as well—because humans cannot reside in a point, in the beginning there was the bubble.12 Third, for Levi-Strauss, because every cultural world feels like a closed space to those within it, each cultural world is structured immunologically in the sense that each world interprets every difference within it as a possible foreign invasion and uses mechanisms to neutralize, expel, or extinguish this “invasion.”

img_6367

screen-shot-2016-10-20-at-3-35-33-pm

p5: https://alpha.editor.p5js.org/projects/ByrdU98kl