To Live - Draft of Final Project

Here is the video version of final project

Consider each short clip of video as a little flower, the whole story structure as the plant, starting from a growing roots, express personal response to each clips by hand drawing animation, in order to highlight the key element which I found vital and impressive. Only 3 scenes of animation are drawn, every keyword will have their own short clip of video.

Here is the interactive version of To Live (Processing)

https://drive.google.com/folderview?id=0B9bb0eZsjP48UlhnV0ozanM4TzQ&usp=sharing

Difficulties

1) Resolution of mov and png file? > file is too large > stability of process?

2) How to make the whole layout slides with different buttons? 

To Live - Another draft of video

Here is another draft of video

I would like to combine both text from the novel, and scene from the film together, also add personal modification, then to create new language and meaning of To Live. The text font seems too bright and not matches the black and white animation, so I am thinking whether place a texture behind the animation, make the color tone more warm, and style relates to Chinese tradition.

Assignment 8 More Sketches - Chinese traditional elements

I draw a frame with Chinese characteristics...still thinking 2 approaches 

a) The frame of the video, conclude video only, button of "keyword" places outside. 

b) The frame of whole work, both text and video image places inside

Inspiring from Chinese seal, which is used with red link, create the text by coping. I designed both Chinese and English version of seal, which are used as the button of "keyword". When the cursor stays inside the rectangle grid of text, video will play and loop, until the cursor moves away.

Assignment 8 Sketches of Final Project

Sketch A - 

Every clips of film as one component, reorganize those fragments according to "keyboard". Showing the graph of plot line temporarily, zoom in every keyword to see the data is stored inside. Here is the testing of beginning and transition, which consists of 2 keywords, "Gambling" and "Shadow Puppetry".

Sketch B -

Apart from selecting certain length of movie clip as each component, I would like to explore the alternative of expressing the story of "To Live". Developing the idea of "tracing", I draw 6 frames per second frame by frame to recreate the visual image of the story, surprisingly, simple back stroke of line gives a sense of pure, spontaneous and personal. 

When the hand drawn image is animated, it gives the experiences of transformation, step by step to tell the story. Below is the video of keyword "Leave", which about Jianzhen is leaving Fugui.

Assignment 7 To Live

Developing from Zhang Yimou film, To Live, which based on a novel of Yu Hua’s To Live. Visualize the plot line, climax and narrative structure of the story of To Live, the interface is similar to the electrocardiography, showing the relation between intensity, character and time, will be displayed like a long reel. Also, the shaking words are restricted in the nearby area of graph, so the user has to zoom in and selected descriptive sentences first are broken down as single word.

1) When the mouse moves near left and right boundaries, reel will open show other part of the whole reel. Using if-statement and mouse position to make the graph slides back and fore when mouse moves specific area. 

2) When the mouse moves near top and bottom boundaries, user is able to zoom in to read all the text and zoom out to view the whole narrative structure.

3) When the mouse moves on it, separated word will back to its original place and sentence will reform. Create a class named letter, function shake() and original() to make the sentences separated to many words, and vibrate within specific area, when the mouse moves on specific  area, the words will stop shaking and back to original place, so the user can read the text.

4) When the mouse click on the larger vocabularies, an edited video clip of To Live will pop up. Using the Movie Class to insert the video, play() to play the video, and mousePressed() function to play video while the mouse button is pressed on the specific vocabulary.

5) THINKING…
a)Background responses to the position of mouse, plot related silhouette or shadow puppetry changes with visual effect fade in and fade out.
b)Show edited and rearranged video clip behind the graph.

c)Show floating Important element likes shadow puppetry, character behind.


Below is the draft of interface. Those repeated line represent many shaking text, user has to zoom in to read it.

Assignment 7 Idea Development

*Idea1 - June’s Almanac 

Referenced from most of Jason Nelson’s work, he always give away the control of work, let the audience to interact and engage in his work. So I would like to use flash driven game to create a video game, as the online platform to attract the player to play game while reading fiction at the same time. Similar to substitution engine we used before, in order to create a randomly generated story with many different combination while there is not conflict between each.

The interface is similar to Chinese Almanac. This work can forecast you fate in the future with hand drawn images and texts. The database is created and written by myself. I will translate part of text from Chinese Almanac, and add my own interpretation together.

*Idea2 - To Live

I love the famous Chinese literature of Yu Hua, To Live, Zhang Yimou directed a film based on the novel of To Live. I would like to visualize the dynamic plot into digital work with english translation text of To Live, also with some video clips. Still concerning whether those video clips are showing my response to specific text or using other existing related video clip. The interface will be shown by shadow puppetry, which is Chinese tradition of storytelling.

*Idea3 - 

Another idea is developing from “Careless girl and I”. I will continue to write the story between careless girl and I, mainly focus on the weird thing she created and I suffered…

(still developing)

Assignment 7 Translation Chain Exercise

The transition chain is English -> Indian -> Chinese -> English

*Latest Version (Result of combination of new English text and the original)

Careless Girl and I 

Excerpt from Raymond Carver, as the model of work.

This careless girl, an old friend of mine, she was studying overnight. Her latest iphone6 plus has been cracked. So she was waiting for an apple store website loading to purchase again. She calls me on FaceTime from MacBook air. Date was confirmed. She would go out by bus, a 30 minute trip, and I would meet her at the stop. She hadn’t seen me face-to-face since we both graduated from secondary school 2 years ago. But she and I kept in touch. We chat and mailed on Whatsapp and Facebook Messenger back and forth. I wasn’t cool about her visit. She was someone I knew since I studied in primary school. And her being careless bothered me. My idea of carelessness came from the comedy. In the comedy, the careless character made mistakes and created jokes. Sometimes they were teased by clever people. A careless man engaged in my art project was not something I look forward to.

That summer she needed a part time job. She didn’t have any chance. The job she was looking forward to apply during the semester break was in customer service officers of a shopping mall. I didn’t have any chance, either. But she was inviting me to apply this job with her, and I am hesitating. I have seen something on the job hunting website: RECRUITING RECEPTIONIST– Guiding the customers, and an email address. I mailed my CV, and she mailed application letter. I supposed to work with her all summer. However, she forgot to go interview. So I engaged the interview in the office of public relations department,  we hadn’t met during the whole summer finally. I sent a message to remind her, we would meet in Starbuck at 2pm.

1) English (Original Version)

Careless Girl and I 

Excerpt from Raymond Carver, as the model of work.

This careless girl, an old friend of mine, she was studying overnight. Her latest iphone6 plus has cracked. So she was waiting for an apple store website to start ordering again. She calls me on FaceTime from MacBook air. Data was confirmed. She would go out by bus, a 30 minute trip, and I would meet him at the stop. She hadn’t seen me face-to-face since we both graduated from secondary school 2 years ago. But she and I had kept in touch. We chat and mailed on Whatsapp and Facebook Messenger back and forth. I wasn’t cool about her visit. She was someone I knew since I studied in primary school. And her being careless bothered me. My idea of carelessness came from the comedy. In the comedy, the careless character made mistakes and created the joke. Sometimes they were teased by clever people. A careless man engaged in my art project was not something I look forward to.

That summer she had needed a part time job. She didn’t have any chance. The job she was looking forward to apply during the semester break was in customer service officers of a shopping mall. I didn’t have any chance, either. But she was inviting me to apply this job with her, and I am hesitating. I have seen something on the job hunting website: RECRUITING RECEPTIONIST– Guiding the customers, and an email address. I mailed my CV, and she mailed application letter. I supposed to work with her all summer. However, she forgot to go interview. So I engaged the interview in the office of public relations department. We hadn’t met during the whole summer. I sent a message to remind her, we would meet in Starbuck at 2pm.

2) Nepali

Careless केटी र म 

काम को मोडेल को रूप Raymond Carver देखि अंश,। 

यो लापरवाह केटी, मेरो एक पुरानो मित्र, त्यो रात अध्ययन भएको थियो। उनको नवीनतम iphone6 ​​प्लस cracked छ। त्यसैले त्यो एक एप्पल स्टोर वेबसाइट पर्खिरहेका थिए फेरि आदेश सुरु गर्न। त्यो MacBook हावा देखि FaceTime मलाई भनिएको छ। डाटा पुष्टि भएको थियो। त्यो बस, एक 30 मिनेट यात्रा गरेर बाहिर जानु थियो, र म स्टप मा उहाँलाई भेट्न थियो। उनले मलाई सामना-को-अनुहार हामी दुवै 2 वर्ष पहिले माध्यमिक विद्यालय देखि स्नातक देखि देखेका थिएनन्। तर उनी र म स्पर्श मा राखिएको थियो। हामी गफ र फिर्ता र अगाडी Whatsapp र फेसबुक दूत मा पठायो। म उनको भ्रमण बारे सुन्दर थिएन। त्यो म प्राथमिक स्कूलमा अध्ययन पछि म थाह थियो कसैले थियो। अनि उनको हुनुको लापरवाह मलाई पिरोल्न थाल्यो। लापरवाही मेरो विचार कमेडी आए। कमेडी मा, लापरवाह चरित्र गल्ती गरे र मजाक सृष्टि गर्नुभयो। कहिलेकाहीं तिनीहरूले मीठो मानिसहरूले सता थिए। मेरो कला परियोजना मा संलग्न एक लापरवाह मानिस म गर्न तत्पर कुरा थिएन। 

त्यो गर्मी त्यो एक भाग समय काम आवश्यक थियो। त्यो कुनै मौका थिएन। त्यो सेमेस्टर ब्रेक समयमा लागू गर्न अगाडी देख थियो जागिर एक सपिङ्ग मल को ग्राहक सेवा अधिकारी मा थियो। म त, कुनै पनि मौका थिएन। तर त्यो उनको यो काम लागू गर्न मलाई आमन्त्रित गरिएको थियो, र म झिझक छु। म काम शिकार वेबसाइट मा केहि देखेका छन्: भर्ती RECEPTIONIST- ग्राहकहरु Guiding, र एक इमेल ठेगाना। म मेरो CV भेज, र त्यो आवेदन पत्र पठायो। म सबै गर्मी उनको काम मानिन्छ। तर, त्यो साक्षात्कार जान बिर्से। त्यसैले म सार्वजनिक सम्बन्ध विभाग को कार्यालय मा साक्षात्कार लगे। हामी सारा गर्मी समयमा भेट भएको थिएन। म हामी 2 को मा Starbuck मा पूरा हुनेछ, उनको सम्झाउन सन्देश पठाए।

3) Chinese

粗心的女孩，我 

作為模式的一部分，從雷蒙德·卡佛的工作。 

這個粗心的女孩，我的一個老朋友，那天晚上他學習。他的最新iphone6 ​​Plus被破解。因此，它是一個蘋果商店的網站，並等待才能重新開始。有人告訴我說的MacBook Air的FaceTime。的數據中得到證實。公交車，30分鐘的車程走了，我和他見面時停止。他告訴我面臨到面，我們倆從高中畢業，從2年前曾見過。但他和我一直在聯繫。我們交談，來回發送的WhatsApp和Facebook Messenger的。我對他的訪問是美好的。小學畢業後，我知道，我只是其中之一。而他是不小心就開始煩我。我的想法來到疏忽喜劇。搞笑，紕漏和惡作劇的性格產生。有時，他們是甜蜜的人採摘。我的藝術項目涉及一個粗心的人，我不願意。 

那年夏天，他需要一個兼職工作。這是一個機會。在學期休息期待著向客戶服務人員的工作是在一個購物商場。我沒有任何機會。但是，他邀請我去申請這份工作是他的，而我猶豫。我見過一些狩獵的網站：招聘RECEPTIONIST-客戶指導和電子郵件地址。我把我的簡歷，他發出的申請表。我認為他的作品的全部熱量。但是，他忘了去面試。於是我開始在公共關係部的辦公室採訪。我們在整個夏天都滿足。星巴克，我們將在2我完成，發送的消息，以提醒他們。

4) English

Careless Girl and I 

Excerpt from Raymond Carver, as the model of work.

This careless girl, an old friend of mine, she was studying overnight. Her latest iphone6 plus has cracked. So she was waiting for an apple store website to start ordering again. She calls me on FaceTime from MacBook air. Data was confirmed. She would go out by bus, a 30 minute trip, and I would meet him at the stop. She hadn’t seen me face-to-face since we both graduated from secondary school 2 years ago. But she and I had kept in touch. We chat and mailed on Whatsapp and Facebook Messenger back and forth. I wasn’t cool about her visit. She was someone I knew since I studied in primary school. And her being careless bothered me. My idea of carelessness came from the comedy. In the comedy, the careless character made mistakes and created the joke. Sometimes they were teased by clever people. A careless man engaged in my art project was not something I look forward to.

That summer she had needed a part time job. She didn’t have any chance. The job she was looking forward to apply during the semester break was in customer service officers of a shopping mall. I didn’t have any chance, either. But she was inviting me to apply this job with her, and I am hesitating. I have seen something on the job hunting website: RECRUITING RECEPTIONIST– Guiding the customers, and an email address. I mailed my CV, and she mailed application letter. I supposed to work with her all summer. However, she forgot to go interview. So I engaged the interview in the office of public relations department. We hadn’t met during the whole summer. I sent a message to remind her, we would meet in Starbuck at 2pm.