*-2\\H(n)machine

Here there is our reposotory on git hub https://github.com/javierserraa/HnMI-t03-.git

It was a live coding course focused on human and machine interactions, this new relathions could be thanks live coding. Probably I will try to do some project in this field, I really enjoy and have fun. For sure our group, called Conductive nose team create an amazing vibe.

In this serial lessons we understand that our body is a tool to collect data and at the same time, due to body and mind are connected, mind is a dataset of information; as designer we could work on this field to create and shape our identity. Why? Because with human and interaction machine we'll have the power to change phenomena. Phenomena is a situtations/episode collected by us (body-mind) that it starts emotions in us.

EMOTION's ETHIMOLOGY 1570s, "a (social) moving, stirring, agitation," from French émotion (16c.), from Old French emouvoir "stir up" (12c.), from Latin emovere "move out, remove, agitate," from assimilated form of ex "out" (see ex-) + movere "to move" (from PIE root *meue- "to push away").

\\ SOFT SENSORS

We built soft pressure sensors using velostat and conductive fabric, connected to Arduino, and visualized real-time data in Processing. With arduino we managed how to collect data from the sensor and with Processing we use collecting data to create a live visual. This learning by doing approach was amazing and highlighted how bodily actions can be translated into digital feedback.

// ARDUINO CODE collect data 
int sensorPin = A0;
int sensorValue;
void setup() { Serial.begin(9600); pinMode(sensorPin, INPUT); }
void loop() { sensorValue = analogRead(sensorPin); Serial.println(sensorValue); delay(1000); }

// PROCESSING CODE visualize data
import processing.serial.*;

Serial mySerial;
String myString;
int nl = 10;
float myVal;

void setup() {
  size(800, 600); // Canvas size
  printArray(Serial.list()); // List available ports
  delay(1000);
  String myPort = Serial.list()[0]; // Select the first available port
  mySerial = new Serial(this, myPort, 9600);
}

void draw() {
  while (mySerial.available() > 0) {
    myString = mySerial.readStringUntil(nl);
    background(125, 0, 125);
    if (myString != null) {
      myVal = float(myString);
      println(myVal);
      circle(width / 2, height / 2, myVal);
      smooth();
    }
  }
}

\\p5.js - SOUND INTERACTION

On the second day, we focused on p5.js, an open-source platform for learning and creating live visuals and live coding. I really enjoy this website because it offers a vast library filled with examples and references. In class, we experimented with visual sketches that dynamically responded to sound inputs from the microphone.

\\p5.js - TIME based INTERACTION

In the third session, we explored serial communication between Arduino and p5.js using the Web Serial library. By mapping pressure sensor data to the size and color of a circle, we created a dynamic visual response. Additionally, implemented time-based animations, showcasing how real-time data and user interaction can visually represent bodily states.

// EXAMPLE that combines this two methodologies 
let mic; 
let time= 0;
let lin= 10;

function setup() {
  createCanvas(400, 400);
  mic = new p5.AudioIn();
  mic.start();
  
}

function draw() {
  background(0);
  
  
  var vol = mic.getLevel();
  var circlesize = map(vol, 0, 1, 5*10, 200*10);
  square (30,circlesize,50);
  fill('yellow')
  ellipse(time, lin, circlesize, circlesize);
  time = time+5;

  
  if(time == 400){
    lin = lin + 20;
    time = 0;
}
}  

PLAY//FUN//LEARNING