2014年11月25日 星期二

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)


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? 




2014年11月24日 星期一

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.


2014年11月23日 星期日

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.




2014年11月22日 星期六

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.


2014年11月6日 星期四

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.




2014年11月3日 星期一

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)