Eva He

Random Lines

I learned the function of Radom, and I think this recitation is very interesting. We can do some animations with what we’ve learned, although I didn’t use a lot of stuff this time. I made it on my own how to achieve the effects and animations I wanted.

void setup(){
  background(0);
}

void draw(){
  stroke(random(256),0,0);
  line(50,50,random(100),random(100));
}

I attended the Rainbow Study Sessions hosted by our amazing LAs on Wednesday.

Step 1

Create a Processing sketch with a circle or square at the center of the screen. 

void setup(){
  size(600, 600);
}

void draw(){
  background(255);
  noFill();
  strokeWeight(30);
  ellipse(width/2, height/2, 300, 300);
}

Step 2

Next, modify that Processing sketch so that the circle or square periodically expands and contracts, like the circle in this gif.

float r = 300;
int changeSize = 5;

void setup(){
  size(600, 600);
}

void draw(){
  background(255);
  noFill();
  strokeWeight(30);
  ellipse(width/2, height/2, r, r);
  if (r > width -30 || r < 30){
    changeSize = -changeSize;
  }
  r = r + changeSize;
}

Step 3

Then, modify the Processing sketch so that the outline changes color smoothly, as seen in the gif below. HINT: set the colorMode() to HSB.

float r = 300;
float colorM = 25;
int changeSize = 5; int changeColor = 1;
int x = 300;
int y = 300;
int speed = 20;

void setup() {
  size(600, 600);
  colorMode(HSB);
}

void draw(){
  background(255);
  noFill();
  strokeWeight(20);
  //color
  push();
  colorMode(HSB, 100);
  stroke(colorM, 100, 100);
  ellipse(x, y, r, r);
  if (r > width -30 || r < 30){
    changeSize = -changeSize;
  }
  if (colorM>= 100 || colorM<= 0){
    changeColor = -changeColor;
  }
  r = r + changeSize;
  colorM = colorM + changeColor;
  pop();//end push
  }

Step 4

Finally, modify that Processing sketch so that the circle or square moves around the canvas based on your keyboard’s arrow key input.

float r = 300;
float colorM = 25;
int changeSize = 5;
int changeColor = 1;
int x = 300;
int y = 300;
int speed = 20;

void setup() {
  size(600, 600);
  colorMode(HSB);
}

void draw(){
  background(255);
  noFill();
  strokeWeight(20);
  push();
  colorMode(HSB, 100);
  stroke(colorM, 100, 100);
  ellipse(x, y, r, r);
  if (r > width -30 || r < 30){
    changeSize = -changeSize;
  if (colorM>= 100 || colorM<= 0){
    changeColor = -changeColor;
  }
  r = r + changeSize;
  colorM = colorM + changeColor;
  pop();//end push
  
  }
  
  void keyPressed(){ 
    if (key == CODED){
      if (keyCode == UP) {
        y = y-speed;
      }
      if (keyCode == DOWN){
        y = y+speed;
      }
      if(keyCode == LEFT){
        x = x-speed;
      }
      if(keyCode == RIGHT){
        x = x+speed;
      }
    }
  }

Interactive devices as a medium with the most vital connection between people and devices. It allows people to participate in it and get a real, hands-on experience. The interactive installation is not only simple installation art but also not only simple interaction. It’s a clever combination of people, art, and technology.

The Pool by Jen Lewin

Location: Colombo Mall, Lisbon, Portugal

Date: 2014.09

The temporary exhibition space is surrounded by 20,000 black and white fabric pieces that envelop the entire area and oscillate with the wind. The whole room is cylindrical and barrel-shaped, with a diameter of about 14m and a height of 4m, located in the central lobby of the shopping center.

The black and white fabric hangs interlacing and does not fully touch the ground so that from the outside, colored light is scattered from the inside of the space, and when the viewer enters the interior of the room, he can also see the light coming from the outside. To emphasize the importance of the built-in works, the designer abandoned the main entrance and exit, so the temporary exhibition hall does not have a precise “door”; people can enter from anywhere.

In this way, the designer creates a quasi-real space that is not completely visible from the outside and stimulates people’s awareness of entering the room to feel. The lack of complete wall boundaries also makes it easier for the audience to enter the space and interact with Jen Lewin’s work.

Although light can be seen from inside and outside, it is impossible to know the work from outside of the corridor on the upper floor of the shopping center due to the control of brightness. But because the entire exhibition space is flat at the top, the view from above the mall is topped by a large circular fabric screen. Viewers can also see the unique texture of the fabric.

The interior of the exhibition space is an all-white dome with a surface that reflects vivid and varied colors, highlighting the work inside. The unique part of the work is the constantly changing color, which is the interactive work of art. At the same time, the material of the whole piece is very consistent, and there is no reference around, so it is easy for the audience to have a psychedelic feeling in this space.

Voice Tunnel by Rafael Lozano Hemmer

      

Location: Park Avenue Tunnel, Manhattan, New York, USA

Date: 2013

The Park Avenue tunnel in Manhattan, New York, has more than 200 years, but it wasn’t until Dot Summer Streets in 2013 that its appeal was indeed revealed. Artist Rafael Lozano Hemmer presents his installation Voice Tunnel in this public space, making it an interactive art area for everyone to participate in.

In the tunnel, the audience emits a sound into a walkie-talkie inside the tunnel, converted into waves of lights that shine on the dome. Such a form reflects the aesthetic sense of art in the architecture and increases the interaction between the work and the audience, which is full of interest and story. The intensity of the light reflects the sound of the audience, and the voices of multiple audiences can be seen simultaneously. As more and more audiences participate in the event, the lights shine on the dome, and the whole tunnel is illuminated by flashing lights.

               

THIS IS A TRASHCAN.

By Eva He & Sherry Wu

Instructor: Rodolfo Cossovich

CONTEXT AND SIGNIFICANCE:

This is a smart trash can. Just reach over to the bin, and the lid will open. To prevent bacterial infection caused by contact between hands and garbage cans. After a minute, the lid will close automatically, preventing the odor from escaping. It automatically alarms when the trash is full, and the top stays open until you’ve removed all the trash. Our main audience is students because students produce garbage when they do their homework. This can be used as a desktop trash can to make it more concise, and the sensitive sensor will help students reduce the extra time to open the lid and throw garbage.

CONCEPTION AND DESIGN:

                                 

Controller: Arduino mainboard

Power supply: 6V battery box power supply, USB interface power supply;

Sensor: Ultrasonic ranging sensor X2

Actuator: steering gear, buzzer

Structure: 3D printing control box, built-in battery box (4, 6V)

Speaker: Micro SD card holder, Small speakers

            .                 

I have listed above all the things we use. I think my interactive project can help human beings to clean up garbage more efficiently, which is mainly divided into three features. The first feature is sound. We use speakers to make them more personality. When the bin opened, it will have a sound of “Ahhh” And also a sound of “Yumyum” When it closed. The second feature is interaction, , when the hand is close to the trashcan lid, will open, 1min later, the trash can lid will close automatically. The third feature is a reminder, When the garbage is full, the lid will be open until the garbage is removed. We used two Ultrasonic sensors to help us open the lid and reminder. I don’t think other sensors can easily open the trash can. Then we first chose to 3d print the bottle body, because we had too many lines. We decided to cardboard and painted it white.

   

And then, here is our prototype…

FABRICATION AND PRODUCTION:

After we finished the prototype, we showed off our prototype in Recitation on Friday. Everyone is actively participating in our interactive program. We get a lot of feedback. For example, the sensor can be a little more responsive. So you don’t have to reach all the way to get the lid off. I think the most important thing is that we wanted to put some wheels on it. The trash can follow the person around the house while holding the remote. But Professor Marcela asks what happens if the remote control is lost. She came up with a new idea to make the trash can itself more personalized, making a “yumyum” sound when she’s full. We followed Professor Marcela’s advice, but after the speaker was installed, we could not start the steering gear to open the lid. We gave up on this last minor failure.

int TrigCap = 5; // 开盖子超声波引脚Trig 连接 IO 5
int EchoCap = 6; // 开盖子超声波引脚Echo 连接 IO 6
      
int TrigTrash = 7; // 垃圾高度超声波引脚Trig 连接 IO 7
int EchoTrash = 8; // 垃圾高度声波引脚Echo 连接 IO 8

#include "SD.h"     //读取 SD card 文件
#include "TMRpcm.h"     //读取 音频播放文件
#include "SPI.h"     //读取 SD card的SPI 文件
#define SD_ChipSelectPin 4     //设置SS 引脚 4
TMRpcm music;     //设置音频播放对象 "music"

#include <Servo.h>// 导入舵机模块
Servo myservo;
int servoPin = 2; // 舵机信号线接数字2

int buzzPin = 9; // 蜂鸣器接数字9
long freqency = 2000; // 鸣叫频率

      
void setup() {
  Serial.begin(9600);  
  pinMode(TrigCap, OUTPUT);
  pinMode(EchoCap, INPUT);

  pinMode(TrigTrash, OUTPUT);
  pinMode(EchoTrash, INPUT);
  // 开机时将舵机调整到70度，保证垃圾桶盖是闭合的
  myservo.attach(servoPin);
  myservo.write(70);// initial
  delay(40);

  pinMode(buzzPin, OUTPUT);

  music.speakerPin = 10; //设置音频输出针脚 2
  Serial.begin(9600);     //串口调试
  if (!SD.begin(SD_ChipSelectPin)) {
  Serial.println("SD fail");
  return;

}
  
  music.setVolume(2);    //   设置音量0 ~7
  
}  

// 测量距离
float measure (int Trig, int Echo) {
  digitalWrite(Trig, LOW);
  delayMicroseconds(2);
  digitalWrite(Trig,HIGH);
  delayMicroseconds(10);
  digitalWrite(Trig, LOW);
  float temp = float(pulseIn(Echo, HIGH)); //存储回波等待时间
  float distance = (temp * 17 )/1000;
  return distance;
}

// 开盖
void openCap (int hold) {
  myservo.write(100);
  music.play("ahh.wav");
    delay(2000);
}
// 关盖
void closeCap () {
  myservo.write(180);
  music.play("bite.wav");
    delay(70);
}


    
void loop() {

  float distCap = measure (TrigCap, EchoCap); // 测量手离垃圾桶的距离
  float distTrash = measure (TrigTrash, EchoTrash); // 测量垃圾桶内垃圾的高度
      
  //Serial.println(distCap);
  //Serial.println(distTrash);

// 如果手离垃圾桶距离小于4cm，开盖。
  if (distCap < 20) {
    openCap(1000);
  }
  else {
    closeCap();
  }


// 当垃圾满的时候，立即开盖，并且报警，延迟1秒后关盖子
  if (distTrash < 5) {
    tone (buzzPin, freqency);
    openCap(1000);
    noTone (buzzPin);
    closeCap ();
  }
  
  delay(100); 
}  

CONCLUSIONS:

After we did tons of improvement, I had to change Buzzer’s voice to Marino’s. I think if we had more time to make it, we would have made it a little more lively and changed the look. And here is our project’s poster that describes the information. I actually made it as an advertisement that will attract people to buy the product. This is actually my first Arduino project in my whole life, I think it was very interesting and useful. I wish I could learn more and do more projects like this later.

Thank you for watching!!!

Bye!!!

Step 1: My motif

Study for Homage to the Square: Consent

Step 2: Draw my image in Processing

size(600, 600);
noStroke();
fill(175,106,33);
rect(200, 200, 210, 210);
noStroke();
fill(182,119,77);
rect(226, 240, 160, 160);
noStroke();
fill(#C1BD71);//fill(211,203,109);
rect(246, 270, 120, 120);
noStroke();
fill(182,157,21);
rect(266, 300, 80, 80);

Step 3: Documentation

This is my first attempt to learn processing knowledge, and the image I choose can be applied to all the knowledge I have learned. This image was taken from the teacher’s suggested sources. The first thing you see is a couple of squares, rect(); Write down where you want it and the size of the square. Then the more complicated it was to choose the color, I asked the teacher for help. She taught me how to use RGB, HSB, and HEX to express myself, and I decided on RGB this time to get a better color. The only difference between the final product and the photo is that the image has a kind of oil painting material, which I haven’t learned yet. I hope I can learn more formulas and apply them in the following learning process. If I can skillfully use processing painting, I can draw works close to the real world.

 

Question 1:I am interested in making a machine that can sense because it is more convenient and semi-automatic for users to use. There are also many sensor options, such as distance sensing, sound sense, and touch sensing. These also play a different role in the search. For example, Alexa is a virtual assistant technology by sound sensing. If it is set to distance sensing will make the user very inconvenient, so each design should have a reasonable and corresponding sensor.

Question 2:As I mentioned in my last question, reasonable and corresponding sensors will be selected for each design, the same for our design. They designed the best one for the art installation mentioned in art + Science NOW(Dynamics) through extensive research. That’s what makes their design so much more reasonable. I think artists will undoubtedly do a lot of testing and prototyping on their projects to select the most appropriate drivers.

We mainly want to solve global problems. The following are the features and introductions of each place we present through Globe. I was one of the cyclists. When we want to activate the device, we need to turn on the electricity by riding a bike. The more people there are the more power there is to keep this going.

          

        

The idea of this invention that is similar to artificial intelligence is inspired by the story of Newton’s Sleep.

Reflection of Another Group’s Project

I really like the one about sleep because I remember when I was a kid I really wanted to dream about things that I wanted to dream about. Once, I came home from a horror movie at the cinema and had nightmares every night. I felt the whole performance was very similar to what I had experienced as a child, there was a sense of being there. However, their ideas are also novel, and they sleep more comfortably if they can choose their dream.