As computing becomes more ubiquitous in our objects, designers need to be more aware of how to design meaningful interactions into electronically enhanced objects. At the University of Washington, a class of junior Interaction Design majors is exploring this question. These pages chronicle their efforts.

Tuesday, April 22, 2014

Ciera Johl | Processing Sketch



Contemplate the meaning of design with doge.
























Based off a basic drag and drop example. Also playable here: http://www.openprocessing.org/sketch/143680
P.S. this blog is incredibly hard to use.

Code:

//Ciera Johl - Processing Sketch:Praticing with Click Drag Tutorial
//must drag and drop the image (doge.png) onto this window to work
//(sometimes this happens sorry)
PImage img;

//global variables
int boxX;
int boxY;
int boxWidth;
boolean flag;
void setup(){
  size (500,500);
  background(255);
   
  img = loadImage("doge.png");
   
  boxWidth = 100;
  boxX = width/2 - boxWidth/2;
  boxY = height/2 - boxWidth/2;
   
  textSize(20);
  fill(255,190,50);
  text("much design wow", 50, 400);
  fill(130,255,130);
  text("so clean", 250, 100);
  fill(50,180,255);
  text("many doge", 380, 300);
  fill(255,170,180);
  text("plz drag", 80, 250);
}
void draw(){
  //refreshes background, but I want the snake chain so this is disabled
  //background(255);
   
  //new location of the image
  if (mousePressed && flag == true){
    boxX = mouseX - boxWidth/2;
    boxY = mouseY - boxWidth/2;
  }
   
  image(img, boxX, boxY, boxWidth, boxWidth);
}
   
//conditions
void mousePressed(){
  //check for mouse in box
  if(mouseX > boxX && mouseX < boxX + boxWidth
  && mouseY > boxY && mouseY < boxY + boxWidth){
    flag = true;
  }
}
void mouseReleased(){
  flag = false;

}

Ichikawa & Lim - Fibonacci

Dominic Challenged the class to make an Arduino blink a light to the Fibonacci sequence. Catherine and I quickly write up a script to make this work. Seems pretty straight forward, and seems to work well.

Excited to see what else this Arduino can do!

Scott & Catherine

/*
  Blink
  Turns on an LED on for one second, then off for one second, repeatedly.

  This example code is in the public domain.
 */

// Pin 13 has an LED connected on most Arduino boards.
// give it a name:
int led = 13;
int aNum;
int bNum;
int cNum;


// the setup routine runs once when you press reset:
void setup() {                
  // initialize the digital pin as an output.
  pinMode(led, OUTPUT); 
  aNum = 0;  
  bNum = 1;  
  cNum = 0;  
  Serial.begin(9600); 
}

// the loop routine runs over and over again forever:
void loop() {
  cNum = aNum + bNum;
  Serial.println(cNum);
  for(int i = 0; i < cNum; i++){
      digitalWrite(13, HIGH);   // turn the LED on (HIGH is the voltage level)
      delay(30);               // wait for a second
      digitalWrite(13, LOW);    // turn the LED off by making the voltage LOW
      delay(300);   
  }
  //Serial.println(cNum);
  delay(1000);  
  
  aNum = bNum;
  bNum = cNum;
}

Tuesday, April 15, 2014

Knolling Assignment - Scott Ichikawa & Catherine Lim

For the knolling assignment, Catherine and I took apart an iceless wine cooler and a blood pressure monitor. Each of these small devices had some really interesting parts and pieces. One thing that we learned is that we really had no idea how these things worked! The iceless wine cooler had an interesting Peltier Cooler that was connected to heat sink that controlled the cooling area.

Check out out knolling job and diagrams! Let us know if you have any questions.