JS Conditionals Exercise (Vivian)

I ran into trouble when I try coding. First I thought to make the three pics glow/disappear by sequence. Though I know the function, i don’t really know how to make the same button do different things. 

Hence I turned to the professor in class, she taught me to use the opacity instead. My teammate helped me to correct the codes, yet for some reason I still could not make it move.

During the weekend, I kept on progressing on the comic project, while gaining inspiration from it as well as the online websites for my recitation exercise. I adapted it by using simple symbols in replace of long sentences of instructions, in order to make the coding clearer. However, I still could not make it function well. So far I could only make the first step: let the first pic dimmed and the second pic glowed. See below:

Here is the codes I have, I really hope I could make it through next week after discussing with the TA.



Comic Idea—Vivian Zhu & Sebastian Lau

Introduction:

Sebastian and I had the idea of creating a comic based on Carol Ann Duffy’s poetry “Medusa”, which illustrates a monster, a Gorgon, generally described as a winged human female with living venomous snakes in place of hair in Greek mythology. It goes with a storyline which set the audience/the viewer to be a poet Carol Ann Duffy herself. We figured this idea out by looking for our common interests, as Sebastian and I share really different cultures and family background. Turns out we both like anime, poetry and mysterious things. More details regarding what we imagine our project will look like can be found in the text below.

Storyboard:

  • You are a poet and you fell asleep when you were writing some lines on the poetry…
  • The stage switches from your home towards a narrow room, decorated as from mid-century in Greek, with sundries piling up around you.
  • You tried to find out who you are,  hence you began clicking on the things all around you…
  • Certain objects, when clicked, will change into other things, with some lines brought up (exactly some part of poetry you wrote before you slept). 
  • Through this process, you will finally become aware that you are the Medusa herself.

Illustrations:

  • We are sure how to use the coding techniques to make everything happen. It’s only a matter of how now.
  • We will draw the scene and also find images of real objects to support our stage.

Java:

  • We are using Javascript to move the story along, especially the part where the audience is able to interact with things around him or her.

Profile Page (Vivian Zhu)

Link: http://imanas.shanghai.nyu.edu/~zz1224/comlab/index.html

Here is my profile page, where I have a very brief introduction about myself.  I changed the layout of my profile quite much from the Week1 edition, in order to make it more fancy. Besides following the previous lectures’ knowledge of designing a webpage, I also used other tags like “background pic” and create buttons for the page, and used “text-shadow” to make the text looks clearer. 

The title of my page is “Something About Me”. Then I arranged four buttons to archive details about myself. I will link them to other pages I created later. Below the buttons is the motto of my life: “We think things from what we are, not what they are.” This sentence hits me because it makes me think about the things around myself: do I vision them from my egoistic perspective or they are right the things as they are? This confusion keeps me to explore the world. 

The photo is positioned at the center with a border filled with gradient colors of white and gray. I made the text at the very end simply, because I just want to give audience a hint what they will find on my website.

However, during the process of building this page, there are two challenges or problems that I bumped into and which haven’t been solved. Firstly, I tried to link “my portfolio” site to my profile page, but somehow it doesn’t work. Secondly, though there is a “button” tag which could be directly used in HTML, somehow it doesn’t work and I had to change it into <div> to create buttons (hence making an underline in each text in the buttonbox). 

Response to Scott McCloud “Understanding Comics” Chap1-4 (Vivian Zhu)

The first four chapters of the book Understanding Comics—the Invisible Art made my 12-year confusions towards comics clearer since I read Japanese animation and comics. I am a big fan for renowned Japanese comics such as Bleach and Hitman Reborn. Thoughts often came when I glance over the newest episode, or scroll over the websites for others’ comments about these animations: why the pages of drawing make sense even if they are not when seen separately or disorderedly? Why other fans own different views toward the same comics? What exactly does comics’ writers do, that leave space for fans to create further stories about characters (tongren in Chinese), using various media (games, novels, paintings, Anime Convention…)?…
 
If my confusions are based on empirical experience, then Scott McCloud gave a theoretical, comprehensive approach of understanding what is comics, and he explained it simply: comics a sequence of images based on the space, which have a narrative-like quality and visual direction to them. It could take multiple forms, from non-entity to material matter, image to voice… No matter what, writers are devoted to create comics as simple as possible, entitling the soul which could be further interpreted by the readers themselves, ultimately creating a new world where readers themselves become part of the story. The space between each scene and each page is used as an instrument, in order to create tension. 
 
Hence, by Scott’s articulation, Japanese comics that I read on the book is only a part of what comics can be presented. Actually, four types composite the world of comics: sequential, visual, static, and iconic. The unique character that comics bears is its better job of delivering messages with emotions, such as anger, disgust and irony, using abstract and exaggerated forms. The jump between pages and drawings (when one reads Japanese comics for example), and a basic portrait of a scene (several dots and lines) would be sufficient for the readers to form the whole pic of the story by themselves. The consistency of the comics relies heavily upon people’s imagination, which is exactly the comics’ charm.
 
Another thing that impresses me is in Chap 4, where the writer identify the “time” in comics. Time is of significance as it can remarkably shift the outcome of story. For example, a rearrangement of a character’s sequence of doing things will drive the story into another direction. This is especially true when something exigent is added in, such as murder, rob or catching a criminal. Different ways in drawing the motion will play a part in affecting the timing too. Such as the more dashes behind a character, the faster you may think he/she is running.