zongyang xu

[zongyangxu]

video: the filmic presentation.

 concept`; the project 2 is a development of the idea from project1. also both of them used the same location (edinburgh dundde street). through research in the first project, i found that,  people don't like to stay at the chosen tunnel, and the reason for that is the tunnel only has the both side of the door can see the sky, so when people go through the tunnel, they usually feel depressed ,and most people won't talk to each other (more analyse can be seen at the previous blog). therefore, in order to create a comfortable and relaxing environment in the long and narrow tunnel, i came up with the the idea of interactive clouds.

compared to the  first project,  i added  more option for users in the second project, such as people can trigger/stepping the same button for several time to get a various condition rainy cloud. because each trigger of 4 times will cause different position of the rain.  people can see the different rainy effect by changing the speed of the stepping. except that,  the processing work better with image than Arduino,so in the project 2 , i projected matching colour to the “clouds” and “rain”,making the whole experience more immersive when people experience it physically   

processing running : 1 when people active the button in the first time, the clouds would be projected the blue colour, 2 if the press 2nd,3rd,4th times, the rain will randomly be projected.

[zongyangxu]

final processing code

int val = 0;

PImage img1; PImage img2; PImage img3; PImage img4;

void setup() {  size(displayWidth,displayHeight);  background(241,238,251);  noStroke();  img1 = loadImage("3-01.png");  img2 = loadImage("11-01.png");  img3 = loadImage("11-01-01.png");  img4 = loadImage("11-01-01-01.png"); }

void draw(){ switch(val){

 case 0: background(0);  break;

 case 1:   image(img1,0,0,width,height);  break;

 case 2:   image(img2,0,0,width,height);  break;

 case 3:   image(img3,0,0,width,height);  break;

 case 4:   image(img4,0,0,width,height);  break; } }

 void keyPressed(){    if (key == 'D'){    val = val + 1;    if(val > 4){      val = 0;

     println(val);

     }    }  }    

[zongyangxu]

top: after hanging the clouds, using ps to create the shapes which match the real cloud models.

middle& bottom: struggling with the projector, try not to block the color which should be on the clouds or rain

[zongyangxu]

(above video: the process of making cotton padding into the material i can used for the cloud)

in order to make it more real in the film. i made the real- life size clouds.

[zongyangxu]

more thinking about immersive design

‘You’re not just designing superficially, you’re creating an interactive (and sometimes even social) environment...and with that depth comes a whole mess of complexities. When someone is experiencing an immersive environment, do you think they’ll be satisfied with just playing out a predetermined story? Of course not. They’ll be immensely frustrated because their hands are essentially tied. And as our friends over at Ceros said, “the shortest path between two points may be a straight line, but the most interesting path is winding”. And that’s why the most important aspect of creating an immersive experience is making sure your story gives the user options. Lots and lots of options. Enough to give them the sense of choosing their own adventure while the story guides them. ’

above paragraph came from a article called “ they key to the immersive experience”.  the one point that is most interest me is they mentioned  that leave the user appropriate suspense, letting the users to figure out.  therefore in this time, excepting make the the colour more real, i would design the several trigger opportunities for people. and each time show different clouds or rain form.  they would see the whole clouds dynamic state until press enough times. if they not interest in this interactive install, they can leave the ‘clouds’, and the  processes running will be stopped. 

[zongyangxu]

(pic : first attempt of small cloud model)

The sky  is everything that lies above the surface of the Earth, including the atmosphere and outer space. it  occupies the most of the external environment that we see.  Edinburgh never lacks large and fluffy clouds. almost every time when i see the sky, Edinburgh never let me down (recently)! ahah

in the first project i did a fake sky in the tunnel which i chosen, reducing the feeling of depressing and uncomfortable in the narrow and long tunnel. in the second project, in order to enhance the relaxing feeling, giving people a immersive and happy experience, i would combine the new interactive design tool- processing to project the real-life colour to the “clouds”, making the clouds more  real for passers. 

[zongyangxu]

through last  attempt, i found that it is so difficult to draw with processing. so in this time, instead of drawing directly with processing, i drew the shape in photoshop, then import the picture into processing.

code:”a” and “b” individually control two clouds. every time key was pressed, the image change . but the problem is, “a” and “ b” can't be triggered in the same time.

[zongyangxu]

first attempt to draw a rainy cloud with processing.

[zongyangxu]

learned how to display the image(video and shape) randomly, combined with the “case” code.

[zongyangxu]

（video files）

keypressed code

[zongyangxu]

press “👈“ play video file1. press “a” , playing video file2.

problem: after pressing “a”, the LEFT key broad doesn’t work, the video file1 cant be played. 

[zongyangxu]

(audio file)

attention to details.

[zongyangxu]

 1 sounds file is played as a backgrouund sound. 4 sound files are triggered by clicking different area in canvas..

[zongyangxu]

this is the final arduino with model.

when people step the buttons,the leds will light on, stimulating the rain cloud. i hope this feak clouds& rain on the top can help people to enjoy the time and feel comfortable to walk in this narrow area which surround by walls.

[zongyangxu]

THE FINAL ARDUINO CODE

int led = 13;  

int led2 = 12;

int led3 = 11;  

int led4 = 10;

int led5 = 9;  

int led6 = 8;

 int led8 = 5;

int led9 = 4;

int led10 = 3;

int led11 = 2;

int button = 7;

int button2 = 6;

  int buttonValue = 0;

int buttonValue2 = 0;

  void setup() {

//cloud

pinMode(led, OUTPUT);

 //rain1

 pinMode(led2, OUTPUT);

 pinMode(led3, OUTPUT);

  //rain2

 pinMode(led4, OUTPUT);

  //inner

 pinMode(led5, OUTPUT);

  //out circluer

 pinMode(led6, OUTPUT);

 pinMode(led8, OUTPUT);

 pinMode(led9, OUTPUT);

 pinMode(led10, OUTPUT);

 pinMode(led11, OUTPUT);

 pinMode(button, INPUT);

 pinMode(button2, INPUT);

 }

 void loop() {

buttonValue = digitalRead(button);

buttonValue2 = digitalRead(button2);  

 if (buttonValue == HIGH) {

 digitalWrite(led, HIGH);

 digitalWrite(led2, LOW);

 digitalWrite(led3, LOW);

 digitalWrite(led4, LOW);

 digitalWrite(led5, LOW);

 delay(100);

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, LOW);

 digitalWrite(led4, LOW);

 digitalWrite(led5, LOW);

 delay(100);

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, HIGH);

 digitalWrite(led4, LOW);

 digitalWrite(led5, LOW);

 delay(100);

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, HIGH);

 digitalWrite(led4, HIGH);

 digitalWrite(led5, LOW);

 delay(50);

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, HIGH);

 digitalWrite(led4, HIGH);

 digitalWrite(led5, HIGH);

 delay(200);

   digitalWrite(led, HIGH);

 digitalWrite(led2, LOW);

 digitalWrite(led3, LOW);

 digitalWrite(led4, LOW);

 digitalWrite(led5, HIGH);

 delay(200);

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, LOW);

 digitalWrite(led4, LOW);

 digitalWrite(led5, HIGH);

 delay(200);

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, HIGH);

 digitalWrite(led4, LOW);

 digitalWrite(led5, HIGH);

 delay(200);

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, HIGH);

 digitalWrite(led4, HIGH);

 digitalWrite(led5, HIGH);

 delay(200);

   digitalWrite(led, HIGH);

 digitalWrite(led2, LOW);

 digitalWrite(led3, LOW);

 digitalWrite(led4, LOW);

 digitalWrite(led5, HIGH);

 delay(200);

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, LOW);

 digitalWrite(led4, LOW);

 digitalWrite(led5, HIGH);

 delay(200);  

   digitalWrite(led, HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, HIGH);

 digitalWrite(led4, LOW);

 digitalWrite(led5, HIGH);

 delay(200);

  digitalWrite(led,HIGH);

 digitalWrite(led2, HIGH);

 digitalWrite(led3, HIGH);

 digitalWrite(led4, HIGH);

 digitalWrite(led5, HIGH);

 delay(200);

   }if (buttonValue2 == HIGH) {

 digitalWrite(led6,HIGH);

 digitalWrite(led8, HIGH);

 digitalWrite(led9, HIGH);

 digitalWrite(led10, HIGH);

 digitalWrite(led11, LOW);

 delay(300);

  digitalWrite(led6,HIGH);

 digitalWrite(led8, HIGH);

 digitalWrite(led9, HIGH);

 digitalWrite(led10, HIGH);

 digitalWrite(led11, HIGH);

 delay(200);

  digitalWrite(led6,  HIGH);

 digitalWrite(led8, HIGH);

 digitalWrite(led9, HIGH);

 digitalWrite(led10, LOW);

 digitalWrite(led11, LOW);

 delay(100);

  digitalWrite(led6,  HIGH);

 digitalWrite(led8, HIGH);

 digitalWrite(led9, LOW);

 digitalWrite(led10, HIGH);

 digitalWrite(led11, LOW);

 delay(100);

  digitalWrite(led6,  HIGH);

 digitalWrite(led8, HIGH);

 digitalWrite(led9, LOW);

 digitalWrite(led10, HIGH);

 digitalWrite(led11, HIGH);

 delay(100);

  digitalWrite(led6,  HIGH);

 digitalWrite(led8, HIGH);

 digitalWrite(led9, LOW);

 digitalWrite(led10, LOW);

 digitalWrite(led11, LOW);

 delay(100);

  digitalWrite(led6,  HIGH);

 digitalWrite(led8, HIGH);

 digitalWrite(led9, LOW);

 digitalWrite(led10, HIGH);

 digitalWrite(led11, LOW);

 delay(100);

  digitalWrite(led6,  HIGH);

 digitalWrite(led8, HIGH);

 digitalWrite(led9, LOW);

 digitalWrite(led10, HIGH);

 digitalWrite(led11, HIGH);

 delay(100);

  }else{  

 digitalWrite(led, LOW);

 digitalWrite(led2, LOW);

 digitalWrite(led3, LOW);

 digitalWrite(led4, LOW);

 digitalWrite(led5, LOW);

 digitalWrite(led6, LOW);

 digitalWrite(led8, LOW);

 digitalWrite(led9, LOW);

 digitalWrite(led10, LOW);

 digitalWrite(led11, LOW);

  }

}

[zongyangxu]

this is another triggered button in the model.  the arduino only have 13pins, so i have to reduce the rain lights in this button light system.

[zongyangxu]

achieve the light running in the model!

this is what will happen when people triggered one button on the floor.