Week 12 – FInal Project Proposal – Milly Cai & Daisy Chen

Partner:  Daisy Chen

Project Concept

Through this net art project, we want to share our critical reflection about the internet environment with our audience, including metaphors of issues like cyberbullying and the role of netizen in this digital era. When thinking of the project idea, we went through the readings of this semester and we found that many of them are related to the internet as a medium and our interaction with this medium. For example, Tim Berners Lee’s “Long Live the Web” provoked me to consider the internet as another form of society, and McLuhan’s “The Medium is the Message” inspired me to look at the uniqueness of the internet as a new form of medium, for example, in terms of how information is spread on this internet. We consider this net art project as not only the summary of all the technique we’ve learned this semester but also a chance of a deeper reflection after reading all of the suggested articles. And the biggest takeaway from this semester is many new dimensions to perceive the internet. Therefore, the general idea of our final project is to create an epitome of the internet and the role of us as the netizen. Specifically, we want to guide our audience through some big issues happened on the Internet (e.g. examples of serious cyberbullying happened in recent years) and provoke their thoughts when interacting with the webpage. The rapid development of the internet is a double-edged sword. On the one hand, we see how it makes our life much more convenient and goes beyond the limit of time and space. On the other hand, we also see many sad issues happened on the internet because of the lack of effective regulations such as the dark web. Therefore, we think it’s very important to raise people’s awareness of facilitating a better internet environment together. And our way to achieve this goal is to guide them through the history of the internet (we may mainly focus on the previous ten years). The main task of the player is to “save” the character from being hurt by the barriers which stand for the dark side of the internet. We’ll articulate more details of the interaction in the production part.

Inspiration

In terms of the method to express the content of our project which is cyberbullying, we got inspiration from two projects. In a serial project called The Bullying Project Mural, we found several artists including Giulia Gandini, Joseph Blank, Bailey Graham, Taniesha Parker, Cris Shamrock using different medium including photography and video to express how people react to different bullying phenomenon.

In another project called Antisocial, digital artist Mike Campau uses his artistic talents to cleverly comment on the dark side of social media. Set in eerily isolated locations, each photograph features a single illuminated sign. Though similar to those found outside of gas stations or Googie motels, these marquees ironically advertise a different kind of service: social media websites. Describing Facebook as “the place to go and make everyone think your life is great” and summing up Instagram as a series of attention-seeking exclamations, the revealing signs showcase the underlying antisocial nature of everyone’s favorite social media. This project inspired us in the way it captures a certain feature of the popular social media platform and summarizes it in short sentence. The neon style of the sign design also inspired us to consider to use a cyberpunk style for the website design as a way to depict the internet environment which gives us a sense of technical and mysterious.

As for the interaction, we are inspired by a game called Don’t stop! eighth note (休むな!8分音符ちゃん♪ )  by YASUHATI (also called Freedom-crow). This game takes players’ voice volume and pitch as the input values to control the eight note, who is the character in this game to make movements and get through the barriers. This just inspired us about the input of our project, which is discussing the message on the new media. Thus, we would also like to take the player’s voice as an input to interact with the process of receiving and contributing the messages.

Production

For this project, we would like to create a virtual trip rather than merely a game that invites the viewers quickly travel through the past few years internet culture flows. Therefore, pre-research is absolutely necessary; besides, we also plan to utilize both audio and video assets to enhance the interactivity and user experience. In this trip, some messages would be presented in an absurd, messed-up and twisting style on the way you passed while others may appear in the huge background screen as broken pieces as modern information is mostly in pieces and incomplete. This is probably similar to what things look like in the rabbit hole in Alice in Wonderland. Besides we try to form up the sense of space and time. On the one hand, we play with the volume of audio assets to achieve the space feeling. For example, as the cyberbullying word approaching, the sound record of it would become louder and louder. And so do the other elements in this flow. On the other hand, the background, as well as the front elements, would change its content as long as the time changes to show the difference between years. In addition, as the players would use voice to control the balloon to “eat” messages around and fly higher to avoid being hurt by the bullying words/actions, the volume and time of voice would affect the number and speed the balloon takes in. And for the flow’s movements (such as waving), we will try to solve this technical issue mainly in javascript.

Week 13: Proposal for Net Art Project – Ruby Kim (Moon)

Partner: Anica

Concept: The idea of this project stems from a novel ‘Tokio’ by Higashino Keigo, which we are inspired by the theme–time travel, circulation, and redemption. The overall story will be based on the original plot, but it will going to be delivered by the selected quotes from the first-person perspective of Takumi. Tokio, son of Takumi, goes on a temporal journey back to 20 years ago and helps his father uncover the truth about his family background. In our life, parents are always thought to be stronger, both physically and mentally, than the child while in fact, they can be helpless as well. This storytelling witnesses a reversed role–Tokio changed the life of his father and helped him become a better human being. Although Tokio unfortunately died at a young age, he still appreciated what he had had in the world. Thus, besides our personal motivation, we seek the project to be as an educational fiction for both children and parents, which can also break the conventional hierarchy between children and parents. Therefore, the project will tell young people to be grateful for what they have given by the parents even if their living condition does not satisfy their wants. Similarly, our work will let parents remind the importance of self-improvement and warm attention to their child.

Sources: Two sources significant to the project are both from a Front-end Developer ‘302chanwoo’. In his work ‘Going Home’, he constructs a story of a robot who embarks on a journey way back home. Unlike typical stories, ‘Going Home’ does not have a detailed plot, but has abstract scenes that more trigger users to anticipate the future scenes. Likewise, our project also aims to establish the plot with minimal details of the story, but with diverse visual and audio effects that can function as much as texts do. Furthermore, the main medium for transmitting the story will be two-dimensional illustration and animation. This idea is originally drawn from a three-dimensional animation, which is prominently used in his other project ‘꽃, | flower’. From the work, we learned that how simple and organic form can effectively convey the emotion of each character. While those sources gave us a lot of insights, we thought the effects would be maximized if there were supporting audio elements. Therefore, our project will further attempt to adopt audios that could particularly contribute to expressing the emotions of the characters.

Production: The webpage will include quote(s) of Takumi on one side, and on the other side, illustrations or animations that match the plot will appear. The positioning of quotes and visual elements may differ from each scene so that we can maximize the legibility of users. Regarding the techniques, we will combine two-dimensional visual elements with programming. For example, first, by coding, we may create several organic forms such as ellipse and rectangles, and place the illustrations or animations, drawn either by photoshop or coding, on top of those organic shapes. In addition, we may let the user press the button for a certain amount of time, which can be used for the transition between the scenes. Once they take their hand off, the picture will zoom in, indicating the character traveling back to the past. The project will also include a few audio elements like background music during the monologue of Takumi and conversation between the characters.

Week 13 – Final Project Proposal – Anica Yao

Final project proposal
Ruby & Anica

Concept

The idea of this project stems from a novel ‘Tokio’ by Higashino Keigo, which we are inspired by the theme–time travel, circulation, and redemption. The overall story will be based on the original plot, but it will going to be delivered by the selected quotes from the first-person perspective of Takumi. Tokio, son of Takumi, goes on a temporal journey back to 20 years ago and helps his father uncover the truth about his family background. In our life, parents are always thought to be stronger, both physically and mentally, than the child while in fact, they can be helpless as well. This storytelling witnesses a reversed role– Tokio changed the life of his father and helped him become a better human being. Although Tokio, unfortunately, died at a young age, he still appreciated what he had had in the world. Thus, besides our personal motivation, we seek the project to be as an educational fiction for both children and parents, which can also break the conventional hierarchy between children and parents. Therefore, the project will tell young people to be grateful for what they have given by the parents even if their living condition does not satisfy their wants. Similarly, our work will let parents remind the importance of self-improvement and warm attention to their child.

Sources

Two sources significant to the project are both from a Front-end Developer ‘302chanwoo’. In his work ‘Going Home’, he constructs a story of a robot who embarks on a journey way back home. Unlike typical stories, ‘Going Home’ does not have a detailed plot, but has abstract scenes that more trigger users to anticipate the future scenes. Likewise, our project also aims to establish the plot with minimal details of the story, but with diverse visual and audio effects that can function as much as texts do. Furthermore, the main medium for transmitting the story will be two-dimensional illustration and animation. This idea is originally drawn from a three-dimensional animation, which is prominently used in his other project ‘꽃, | flower’. From the work, we learned that how simple and organic form can effectively convey the emotion of each character. While those sources gave us a lot of insights, we thought the effects would be maximized if there were supporting audio elements. Therefore, our project will further attempt to adopt audios that could particularly contribute to expressing the emotions of the characters.

Production

The webpage will include quote(s) of Takumi on one side, and on the other side, illustrations or animations that match the plot will appear. The positioning of quotes and visual elements may differ from each scene so that we can maximize the legibility of users. Regarding the techniques, we will combine two-dimensional visual elements with programming. For example, first, by coding, we may create several organic forms such as ellipse and rectangles, and place the illustrations or animations, drawn either by photoshop or coding, on top of those organic shapes. In addition, we may let the user press the button for a certain amount of time, which can be used for the transition between the scenes. Once they take their hand off, the picture will zoom in, indicating the character traveling back to the past. The project will also include a few audio elements like background music during the monologue of Takumi and conversation between the characters.

Week 13: Final Project Proposal – Chloe Chan

Where do we go in our dreams? 

Concept:  

My net art project attempts to explore major dream themes and what they may be psychologically interpreted as. This project attempts to visualize what a specific dream theme may look like whilst the individual is actively dreaming. The user will be immersed in a ‘sleep experience’ where they will have the opportunity to explore a dream that was posted on the internet. as dreams are volatile to change, this project doesn’t aim to encapsulate the meaning of dreams universally but instead attempts to draw similarities amongst a small portion of dreams that are reported to the internet. 

Inspiration: 

My inspiration for this project came mainly from http://indirect.flights/. I really enjoyed the aesthetic of this internet art project and thought it was really interesting for the user to explore and to make sense of something that was seemingly nonsensical. I kept thinking about other things that didn’t make sense to humans. It then led me to think about dreams, and how dreams don’t actually make sense to humans most of the time, but we try to derive meanings from our dreams and to contextualize them into the events that are occurring in our everyday lives. 

My inspiration for the interactivity of our project came from http://jazz.computer/. I personally really enjoyed how I got a different interaction depending on the direction that I strolled in, and I definitely wanted to allow my users to interact with my project based on the direction that they scrolled in. 

UI & UX

The user will firstly be immersed in an experience that will imitate the conditions that put people to sleep. The user will engage in the first popup window which will allow the user to pick a song that will play throughout the user experience. Then after selecting the song, the user will be prompted to pick a bedtime activity, they will either: 

  1. Scroll through social media 
  2. Choose to watch a short Netflix video (probably will be a 30-second excerpt of The Office’ 
  3. To read a boring book (will be a 1000 word typeface about something very boring). 

Once the user selects an option, they will experience the selected before bedtime activity and at the end of the activity, users will click a button that says ‘turn the lights off’. The background colour will change from white to black, indicating that the lights have been turned off, and the user will begin to ‘fall asleep’. 

The next scene will explore major dream themes: 

  • Falling – Explored by scrolling downwards
  • Being chased – Explored by scrolling to the right
  • Flying – Explored by scrolling upwards
  • Meeting someone from our past – Explored by scrolling to the left

The user will be led to a screen with a stick person attached to their mouse they are able to scroll in one particular direction to explore a major dream theme. The elements that the user sees whilst they are scrolling will be almost nonsensical like that of http://indirect.flights/. Whilst they will make sense together as a story, it will be purposely almost messy, and a little bit random because often times in dreams, we stand and wonder where we are, or why a particular thing is where it is. Random bubbles of text, and thoughts will also guide the user through the dream theme. The background elements will change as the user continues to scroll through the theme. 

At the end of the theme, the user will be presented with a popup box that will interpret how ‘falling dreams’ for example, are interpreted by psychologists. This will be based on actual research. After the user completes a particular theme, they are given the option to go back to the beginning to explore a different theme or to end their experience. 

Project Proposal – Ying

Concept

For the final project, I will be working with Murray to create an interactive photo gallery along with some stories about the place. We’re doing this because we thought that photo shouldn’t just be visualized by the audience but also it should expose the audience to different senses such as hearing. Moreover, we planned to add more features on each photo such as temperature, time, and specific location. This allows us to show our picture and convey a message that we want our audiences to interpret. We simply want to bring the photo back to life.

Inspiration

I found this creative website which I think some of the content could be suitable for our project. It listed several detailed information about the picture like the material that the structure is made out of, the location and the designer of the building, etc.

https://www.azab.es/projects/more-house

But we wanted our main interface to be a scrollable one with content that we can click on to see the details. 

https://moves.basicagency.com/01

Production

We want to add as many interactive as possible but also make it visible for the user to interact with. We plan on to utilize the mouse cursor and tell the user what to do by showing a small text over it. We will add sound effects to several texts that users can ho-over and we will make it visible by making it bold or making it stand out. The overall aesthetic of the page will be modern and clean will minimal color mixing, so we might just use a background that’s mostly black or white. We also planned to add a video by showing a zoom-in clip to the specific location by using Google Earth Studio.