Week 8: Interactive Video Project Idea (Krom)

Maya Wang, Chuyi Zhang, Yinmiao Li

Our interactive video project idea is still in the works, but we have a few small ideas on story/interaction. We took inspiration from the project Anasomnia for our interactive aspect.

Link: http://anasomnia.com

We will attempt to use the laptop webcam to control the videos. The idea is that the user can use their finger or hand to cover the camera and switch between light/dark, day/night, etc.

With that interactive part, we thought of a concept for the videos. We would like to showcase the dichotomy between reality and fantasy, so day and night. When the day video plays, the world is ‘normal’ and mundane. The other video will be a fantasy view of the same scene, but with the objects coming to life or moving. We are not sure whether to have a human protagonist so that the story revolves around his imagination, but we would like to have imagination as the main theme.

Hopefully we will be able to have the details of our project in the coming days.

Week8: Interactive Video Project Proposal (Krom)

Maya Wang, Chuyi Zhang, Yinmiao Li

Our interactive video project idea is still in the works, but we have a few small ideas on story/interaction. We took inspiration from the project Anasomnia for our interactive aspect.

Link: http://anasomnia.com

We will attempt to use the laptop webcam to control the videos. The idea is that the user can use their finger or hand to cover the camera and switch between light/dark, day/night, etc.

With that interactive part, we thought of a concept for the videos. We would like to showcase the dichotomy between reality and fantasy, so day and night. When the day video plays, the world is ‘normal’ and mundane. The other video will be a fantasy view of the same scene, but with the objects coming to life or moving. We are not sure whether to have a human protagonist so that the story revolves around his imagination, but we would like to have imagination as the main theme.

Hopefully, we will be able to have the details of our project in the coming days.

Week 8: Interactive Video Project Idea (Krom)

Maya Wang, Chuyi Zhang, Yinmiao Li

Our interactive video project idea is still in the works, but we have a few small ideas on story/interaction. We took inspiration from the project Anasomnia for our interactive aspect.

Link: http://anasomnia.com

We will attempt to use the laptop webcam to control the videos. The idea is that the user can use their finger or hand to cover the camera and switch between light/dark, day/night, etc.

With that interactive part, we thought of a concept for the videos. We would like to showcase the dichotomy between reality and fantasy, so day and night. When the day video plays, the world is ‘normal’ and mundane. The other video will be a fantasy view of the same scene, but with the objects coming to life or moving. We are not sure whether to have a human protagonist so that the story revolves around his imagination, but we would like to have imagination as the main theme.

Hopefully we will be able to have the details of our project in the coming days.

Midterm – GAME: Survive in the Sea of Jellyfish

Midterm – GAME: Survive in the Sea of Jellyfish 

Date: October 31st, 2017

Documented on: October 31st, 2017

Documented by: Qianchun Yuan (Kaye)

Instructor: Moon Junghyun

For the midterm project, I made a small game using only Processing. In the game, a person (controlled by the position of the mouse) is surrounded by a lot of poisonous jellyfish. The player needs to help the person get on the boat to get out of the hellish condition, without touching any jellyfish. Following is how the main page for the game looks like.

 

 

 

Main page for the game

 

 

 

This is how the whole game looks like:

Continue reading

// I separate the code into 6 labels 
// I am copying and pasting them here respectively 

//label 1 -- (main body) 
int mode=0; 

float r=random(255); 
float g=random(255); 
float B=random(255); 
float A=random(50, 100); 

int set_num=10; 
float set_numY=385; 
float set_speed=0.5; 
float set_speedY=425; 
float set_visib=200; 
float set_visibY=465; 

Ball [] balls = new Ball [100]; //b is the object 

float speedRange;
float visibility; 

void setup() {
  size(600, 700);
  background(255);
}

void draw() {
  switch(mode) {
  case 0: 
    opening(); 
    if (dist(mouseX, mouseY, width/2, 657)<25) {
      setupGame();
      mode=1;
    }
    break;

  case 1: //play 
    playGame();
    float d_ship=dist(mouseX, mouseY, 300, 50);
    if (d_ship<35) {
      println("you are saved");
      mode=3; //win
    }
    break;

  case 2: //touch jellyfish //lose the game 
    lose();
    if (mousePressed) {
      mode=0;
    }
    if (keyPressed) {
      mode=1;
    }
    break;

  case 3: // get on the ship //win the game 
    win();
    if (mousePressed) {
      mode=0;
    }
    break;
  }
}

// label 2 -- Ball
//object 
class Ball {
  //fields (variables )
  float x; 
  float y; 
  float size; 
  float xSpeed; 
  float ySpeed; 
  color c; 

  //construtor 
  Ball(float _x, float _y, float _size) {
    x=_x;
    y= _y; 
    size=_size;
    xSpeed=random(-speedRange, speedRange); 
    ySpeed=random(-speedRange, speedRange);
    c=color(random(255), random(255), random(255), random(20,visibility));
  }

  //methods (functions)
  void display() {

    float a=x; 
    float b=y;
    float s=size;
    fill(c); 
    //draw the jellyfish body 
    noStroke();  
    ellipse(a, b, s, s); 
    arc(a, b-s*0.02, s*0.75, s*0.75, PI*0.95, PI*2.05);
    //draw the jellyfish tail
    noFill(); 
    strokeWeight(s*0.015);
    stroke(c); 
    float x1=a-s*0.5;
    float y1=b+s*0.1;
    float x2=a;
    float y2=b; 
    float x3=a;
    float y3=y2+s*0.3;
    float x4=a+s*0.5;
    float y4=b+s*0.2;
    float t1=s*0.25; 
    float t2=s*0.1; 
    curve(x1-t1, y1, x2-t1, y2, x3-t1, y3, x4-t1, y4); 
    curve(x1-t2, y1, x2-t2, y2, x3-t2, y3, x4-t2, y4); 
    curve(x1+t2, y1, x2+t2, y2, x3+t2, y3, x4+t2, y4); 
    curve(x1+t1, y1, x2+t1, y2, x3+t1, y3, x4+t1, y4); 
    fill(0);
  }

  void move() {
    x=x+xSpeed; 
    y=y+ySpeed;
  }
  void bounce() {
    if (x<0 || x>width) {
      xSpeed=-xSpeed;
    }
    if (y<100 || y>height-100) {
      ySpeed=-ySpeed;
    }
  }

  void distance() {
    float d=dist(mouseX, mouseY, x, y);
    if (d-20<size/2) {
      mode=2; 
    }
  }
}

//label 3 -- lose
void lose() {
  
  //fill(255);
  textSize(40);
  strokeWeight(5);
  fill(255, 0, 0);
  text("You Are Poisoned to Death", 20, height/2-50 );

  //restart 
  fill(255); 
  textSize(20); 
  strokeWeight(2); 
  text("Press your mouse to restart", 300, 670);
  text("Press your key to continue", 300, 688);
}


//label 4 -- opening page
void opening() {

  background(255); 
  //jellyfish pattern 

  float a=width/2; 
  float b=height/2-130;
  float s=200;

  //draw the jellyfish body 
  noStroke();  
  fill(r, g, B, A);
  ellipse(a, b, s, s); 
  arc(a, b-s*0.02, s*0.75, s*0.75, PI*0.95, PI*2.05);
  //draw the jellyfish tail
  noFill(); 
  strokeWeight(s*0.015);
  stroke(r, g, B, A); 
  float x1=a-s*0.5;
  float y1=b+s*0.1;
  float x2=a;
  float y2=b; 
  float x3=a;
  float y3=y2+s*0.3;
  float x4=a+s*0.5;
  float y4=b+s*0.2;
  float t1=s*0.25; 
  float t2=s*0.1; 
  curve(x1-t1, y1, x2-t1, y2, x3-t1, y3, x4-t1, y4); 
  curve(x1-t2, y1, x2-t2, y2, x3-t2, y3, x4-t2, y4); 
  curve(x1+t2, y1, x2+t2, y2, x3+t2, y3, x4+t2, y4); 
  curve(x1+t1, y1, x2+t1, y2, x3+t1, y3, x4+t1, y4); 

  fill(0);
  //the ship 
  noStroke();
  quad(270, 50, 330, 50, 315, 70, 285, 70);
  strokeWeight(3);
  stroke(0); 
  line(300, 50, 300, 20);
  triangle(300, 20, 315, 30, 300, 40);

  //introduction to the game
  textSize(20); 
  text("You are in the sea of poisonous jellyfish.", 100, 200); 
  text("The only way out is to get on the ship", 100, 250); 
  text("without touching any jellyfish.", 150, 280); 

  //set
  textSize(25); 
  text("Choose difficulty level:", 80, 350);

  textSize(20); 
  text("number of jellyfish:", 100, 390);
  line(300, 385, 500, 385); 
  textSize(15); 
  text("10", 295, 380);
  text("100", 495, 380);
  if (mouseY>380 && mouseY<390) {
    if (mouseX>300 && mouseX<500) {
      if (mousePressed) {
        set_num=int(map(mouseX, 300, 500, 10, 100));
      }
    }
  }
  ellipse(map(set_num, 10, 100, 300, 500), set_numY, 6, 6); 

  textSize(20); 
  text("speed of jellyfish:", 100, 430);
  line(300, 425, 500, 425); 
  textSize(15); 
  text("0.5", 295, 420);
  text("5", 495, 420);
  if (mouseY>420 && mouseY<430) {
    if (mouseX>300 && mouseX<500) {
      if (mousePressed) {
        set_speed=map(mouseX, 300, 500, 0.5, 5);
      }
    }
  }
  ellipse(map(set_speed, 0.5, 5, 300, 500), set_speedY, 6, 6); 

  textSize(20);
  text("visibility of jellyfish:", 100, 470);
  line(300, 465, 500, 465);
  textSize(15);
  text("20", 295, 460);
  text("200", 495, 460);
  if (mouseY>460 && mouseY<470) {
    if (mouseX>300 && mouseX<500) {
      if (mousePressed) {
        set_visib=map(mouseX, 300, 500, 20, 200);
      }
    }
  }
  ellipse(map(set_visib, 20, 200, 300, 500), set_visibY, 6, 6); 

  //start 
  fill(0); 
  ellipse(width/2, 657, 50, 50);
  text("put your mouse here and start", 200, 695);  
}

//label 5 -- playGame
void setupGame() {
  
  speedRange=set_speed; 
  visibility=set_visib;
  for (int i=0; i<balls.length; i++) {
    balls [i] = new Ball(random(width), random(100, 600), random(30, 80));
  }
}

void playGame() {
  background(0); 
  textSize(12);
  strokeWeight(2);
  fill(255);
  text("number of jellyfish:", 10, 20);
  text(set_num, 130, 20);
  text("speed of jellyfish:", 10, 40);
  text(speedRange, 120, 40);
  text("visibility of jellyfish:", 10, 60);
  text(visibility, 130, 60);

  for (int i=0; i<set_num; i++) {
    //update value
    balls[i].move(); 
    //check 
    balls[i].bounce(); //check the position of the ball 
    //display 
    balls[i].display();


    fill(255);
    //the ship 
    noStroke();
    quad(270, 50, 330, 50, 315, 70, 285, 70);
    strokeWeight(3);
    stroke(255); 
    line(300, 50, 300, 20);
    triangle(300, 20, 315, 30, 300, 40); 
    //player
    ellipse(mouseX, mouseY, 40, 40);
    stroke(0);
    strokeWeight(2); 
    ellipse(mouseX, mouseY-10, 10, 10);
    line(mouseX, mouseY-5, mouseX, mouseY+10);//body
    line(mouseX, mouseY, mouseX-5, mouseY+5);//left hand
    line(mouseX, mouseY, mouseX+5, mouseY+5);//right hand 
    line(mouseX, mouseY+10, mouseX-5, mouseY+15);//left leg
    line(mouseX, mouseY+10, mouseX+5, mouseY+15);//right leg

    //distance to jellyfish //switch to mode=2 
    balls[i].distance();
  }
}

//label 6 -- win
void win() {
  background(255);
  float a=width/2; 
  float b=height/2-130;
  float s=200;

  //draw the jellyfish body 
  noStroke();  
  fill(r, g, B, A);
  ellipse(a, b, s, s); 
  arc(a, b-s*0.02, s*0.75, s*0.75, PI*0.95, PI*2.05);
  //draw the jellyfish tail
  noFill(); 
  strokeWeight(s*0.015);
  stroke(r, g, B, A); 
  float x1=a-s*0.5;
  float y1=b+s*0.1;
  float x2=a;
  float y2=b; 
  float x3=a;
  float y3=y2+s*0.3;
  float x4=a+s*0.5;
  float y4=b+s*0.2;
  float t1=s*0.25; 
  float t2=s*0.1; 
  curve(x1-t1, y1, x2-t1, y2, x3-t1, y3, x4-t1, y4); 
  curve(x1-t2, y1, x2-t2, y2, x3-t2, y3, x4-t2, y4); 
  curve(x1+t2, y1, x2+t2, y2, x3+t2, y3, x4+t2, y4); 
  curve(x1+t1, y1, x2+t1, y2, x3+t1, y3, x4+t1, y4); 

  textSize(32);
  strokeWeight(4);
  fill(255,36,54);
  text("You are saved!", 190, 190 );
  text("Congratulations!", 175, 280 );

  fill(0);
  //the ship 
  noStroke();
  quad(width/2-150, height/2+200, width/2+150, height/2+200, width/2+90, height/2+290, width/2-90, height/2+290);
  strokeWeight(8);
  stroke(0); 
  line(width/2, height/2+200, width/2, height/2);
  triangle(width/2, height/2, width/2+100, height/2+60, width/2, height/2+120);

  //player
  stroke(0);
  strokeWeight(4); 
  ellipse(230, 460, 30, 30);
  line(230, 445, 230, 520);//body
  line(230, 490, 210, 510);//left hand
  line(230, 490, 250, 510);//right hand 
  line(230, 520, 210, 550);//left leg
  line(230, 520, 250, 550);//right leg

 //restart 
 textSize(20); 
 text("Press your mouse to restart", 300, 680);
}

Response to Project Design (Vasudevan)

I am in a group with Jackie and Alanna. Our next project we are focusing on remaking a few well known shows into one interactive video. So the whole point is to start with well known shows so that the user is already familiar with the plots and characters which eliminates the basics of the back story. Then we wanted the user to be able to choose their direction in the video so that gives the user control instead of just passively clicking and watching. Then we are going to do some audio remixing, photoshop, and videotaping to be able to add our unique design to it.

week 8 – Echo, Annie, Natalie and Pearl’s video project proposal (Ann Chen)

Our idea for video project is inspired by several novels. Basically, it can be a little magical realism style story.

The main characters are a mental patient and a psychologist. At the very beginning, there can be a self-statement that the mental patient says that she can see images of animals from people, which can be shown in a very cool and a little neurotic style. Then the screen jumps to a psychological consulting. Maybe here we can make the audience make choices what questions they want to ask by clicking buttons or maybe not. But I want to make sure that the question part ends with that the psychologist asks what animal she can see from her. The patient says “a spider.”(It’s a plot from a novel and here it can be a hint foreshadowing later developments). Afterwards, the patient says “do you want to know more?” And we jump to the second part.

The second part of the video is the story the patient tell. It is some very normal daily experiences of the mental patient. We can shoot some very daily scenes such as supermarket or park and people there (there may need a little more design). For the interaction part, I guess we can shoot these scenes in two different version. One is a normal version where everyone is shown as normal person, but the whole screen is contained in a camera lens or is shown as a recording mode.(to imply that it is not seen by the main character’s eyes); and the other is a subjective version where people are various animals (according to their personalities, though I don’t know if it is achievable). There may be a button or some instruction that can make the audience choose to see everything from the main character’s eyes, so the screen can switch between two versions.

When the second part ends, the screen comes back to the psychological consulting. We can give a close-up camera to the psychologist to show that she is deep in thought and maybe we can add some inner monologue suggesting that she is doubting the reliability of what the patient said and sorting her thoughts. Then the patient suddenly says that “Ohh, now you are spinning a web!” (a plot from that novel again and I really love that!)

If we need more content, we can add some personalities of the patient during the daily life scene so that at the end of the video, we can shoot the patient go home and look into the mirror, and then her image slowly changes from a normal girl into an animal.(I haven’t figured out what animal and again, I don’t know if it is achievable:)

Week 8 Response to Overview On Video Project (Cici & Alvin):

Overview on video project

Group: Tina, Chloe, Sky

Date: November 1

Name: INShanghai

Brief introduction:   INShanghai focuses on showing the audience four nice but not very well-known places in Shanghai. It will include the view, people and food in the video of each place. To be specific, initially, we would like to show the audience a short video with photos of Shanghai quickly passing. It serves as the brief overview of the places we are leading you to. Then you will come to a still map in which you are shown some marked places. After clicking on them, you will see a video of that place. It seems that tourists usually visit some famous places in Shanghai, but our intention to make the video is to explore more about Shanghai. In this way can we show our audience another perspective of Shanghai and provide them more places to have fun. Our ultimate goal is to make these four places appealing to tourists. Hope we can achieve our goal!

Blogline, Schedule, Synopsis, and Footage

By: Sofia Shockman & Vanelly Garces

For me and Vanelly’s final, we are doing a documentary over a tattoo artist in Shanghai and the lifestyle that he lives day by day. We are planning on shooting in several spots which include the tattoo parlor and his daily routine and getting to know his daily ventures and how his job is incorporated into his day. We plan on meeting with him at the tattoo parlor on Thursday and from there we are going to get to know and take some shots of the tattoo parlor and get comfortable to see where we can shoot and where we can’t.

The footage will take place during both day and night so we can get shots from throughout his whole day. We plan on letting the film run at night to see the clientele and also get the feel of the job during the day time and the night time. We are thinking about potentially interviewing a client to get their impression of this particular tattoo artist and what work he has done on this client. We want to approach this documentary as a take on this mans daily life and how he goes about it through the critical lens of being a tattoo artist. Apart from that, we want to capture the environment of the tattoo parlor and the interaction of this tattoo artist with his clients.

Over the next few weeks we plan on heading over to the tattoo parlor about once or twice a week to capture interesting settings that take place in the parlor. We also plan to dedicate one of those weeks to a one on one interview with the artist and film his activities through out the day. We plan on meeting with him for the first time this weekend and get some good footage of the place and set up shop to test sound and color.

Response to “The Work of Art in the Age of Mechanical Reproduction” (Krom)

In this article, Walter Benjamin asserts that with the rapid development of “mechanical visual reproduction” (such as woodcutting, etching, engraving, lithographs and films, causes the gradual disappearance of “aura”. I do agree that mechanical reproductions of art lack unique existences and histories, but his pessimistic view of “mechanical reproduction” might have ignored its great and positive social influence.

We can’t ignore the fact that people are more accessible to works of art much easier thanks to mechanical reproduction. In the past, works of art are a privilege for those with social statuses and wealth. Now, with artwork can be more easily distributed and accessed via Internet, people can download music pieces and videos they like from the internet and we don’t necessarily need to go to one single theatre in order to watch a drama. Art is no longer a tower of ivory. So almost everyone now can relate to art, while in the past only very limited and previliged people. Is that a kind of “aura” that it created? Aura can’t be appreciated unless it’s shared.

Moreover, some re-creations based on initial works even increase the “aura” in art. I’ve read some article aruging the essence of art is “remix”. Remix, as a modern narrative of “mechanical reproduction”, adds more dynamics and energy to the art world today. The quality of art doesn’t necessarily go down with the increase of mechanical reproduction.

I do recognize the fact that “aura” is corrupted in some artwork but it would be too aggressive to argue aura, in general, is disappearing. People still believes “Content is King” and put creativity into arts. Most importantly, the essence of art is shared in more diverse ways than ever. It was the best of times, it was not the worst of times.

Video Project Proposal (Krom)

Partners: Owen and Marina

De-realization is a disorder in which one experiences a strange alteration in the perception of their surroundings so that a sense of reality of the external world is lost. The waking world seems like a dream. A common symptom of this disorder is a perceived change in the size or shape of objects in the external world. The subject may also perceive other people as dead or mechanical.

Our video will follow a man who suffers from de-realization. It begins in a psychiatrist’s office with the man explaining his experience. Up until this point he had only experienced short episodes of de-realization, but his condition has been triggered for the long-term following a move to a new apartment. A door within his home seems to be triggering this feeling and he can’t move past it.

In terms of visuals, we want to show his perception of distorted objects and dreamlike states – this will also feature interactivity. The user will be able to switch in and out of the altered state and reality. We would also like the user to be able to play with the distorted objects the man sees. They will be able to grasp them through his hands.


Here is a short excerpt of the script so far, it starts in media res:

Interior; Psychiatrist’s office, brown arm chair, red lounge chair, wooden bookshelves, coffee table. Dr. Trueman sits across from a gentleman in a well tailored suit anxiously sitting upright on the lounge chair. We see only his back.

We hear a lighter click and see smoke rise.

M: I’m stuck.

D: In a dream?

M: Yes, or in a movie. I’m overwhelmed by this feeling of strangeness… Even now, I mean, I’m looking at my hand and I swear that it’s not my own. It’s like there’s a glass wall in front of me and no matter what I do I can’t get behind it. Sometimes I can see myself through it, or at least it looks like myself, but I never think it is.