Author: xgj201

The interactive comic we created is heavily inspired by the Japanese visual novel Zero Time Dilemma. We really thought that this visual novel was something we could really take inspiration from and develop a cool take on that same type of storyline. We ended up opting for a style that ended up resembling more of a visual novel than that of a comic as we thought that that way we could better convey the storyline the way we wanted to, as well as it being easier for us to implement the characters and background within the code.

Plot Summary:

The plot for the story starts out with you being the protagonist waking up in an abandoned parking lot with no prior knowledge of how you got there or what led you to wake up in this parking lot in the first place. Suddenly a figure appears in the distance and the screens cuts to darkness, next thing you know you wake up again and you are in a dungeon. In the dungeon, you are surrounded by other people which seem to be just as confused as you are about where you are and how you got there. There are several people there including a little boy, an older man, a criminal looking man, a young woman, and a teenage boy. Once this is established you and your new found group of friends decided to explore your surroundings, however, there remains a lot of distrust within the group which causes tensions later on. Exploring the dungeon you then come on to other sites, such as an infirmary, a laboratory and a kitchen. As the user, you will then be given the option to choose which one to explore, each one with a different outcome. However, only after choosing to explore the right one will you be lead to the final ending, if you choose to explore the wrong one you will be prompted back to the page where you choose which place to explore.

Layout:

In order to make the process of implementation easier, we decided to use a visual comic style which then made it so that it was easier to make the code for the backgrounds and the characters. The background stayed consistent within the frame while the characters switched around as the different characters spoke different lines. The dialogue for the comic was under the frame for the background and would continue as you pressed the continue button. Like stated above the protagonist is presented with a choice of three different places to explore, however, only one of the options ends up leading to the correct and final good outcome. This was the interactive aspect of our comic as you had to play along with the storyline and kinda just go through the story to see if you had made the right choice or not.

The Innerworkings

The comic was built on an HTML page and a CSS page, this was possible because of the relatively easy structure of the comic using the same backgrounds and just changing out the characters. Some of the elements used were divs, p tags, and percentages. For the visual aspect, I used a Wacom tablet to draw out the backgrounds as well as the characters for the comic. Since we were going for more of a visual novel type, I did want to incorporate some comic type imagery to keep the idea of this “interactive comic” because of that I didn’t want to make the images too realistic so I decided to keep them pretty simple, mostly working with shading to add depth to the visuals and then adding a black outline to most of the drawings to further add on to that comic-y feel I was going for. For the characters, I wanted to go for something that kind of encapsulated the whole post-apocalyptic narrative of the story. For this, I decided to draw out each of the characters faces and then leave their body as more as a blank blob shape because I felt that that was something that kind of left you wondering like “what is going on?” and added to the feel of the post-apocalypse. To further this I also ended up deciding to keep the characters in black in white and also just mostly relied on outlines of their faces and made simple gestures to symbolize the different characteristics of their faces. One of the biggest aspects that I thought was the most striking was the fact that I decided to leave their eyes blank so that it really added to that eerie feel. I think that keeping the characters simple also made it so that the user would focus more on the color scheme of the background and what the writings on the walls of the backgrounds were saying which I think was more important.

Final Thoughts

Ultimately this project ended up being much harder than I expected it to be. Using the Wacom tablet was really hard for me at first because I had never used one before and it was really different from drawing with a pencil on paper. The perspective aspects of some of the backgrounds were also really hard to do and took a lot of time and designing for it to actually look like a well-made perspective piece. I had actually started out trying to make the graphics in photoshop but I ended up finding that that was kinda hard to do so then I switched over to using the Wacom tablet, this ended up taking a lot of time because I had already started the process on photoshop and then I had to switch over to a new software (I ended up using Sketchbook) after that I did end up transferring the images back to photoshop and using some of the tools we learned in class such as the blur and crop to give the images a better look. This process also took a lot of time because since I don’t have photoshop on my computer whenever I had to use the program I had to make sure to be in the academic building. In the end I think there were creative differences between me and my partner because my characters didn’t end up being the ones used in the final version of the comic, instead, he opted for the characters which had already been created for the original comic. However, I do think that our comic ended up being pretty good and it was an interesting learning experience.

The Comic can be viewed at http://imanas.shanghai.nyu.edu/~arz268/communications-lab/Comic/

Here is a little update to our progress on our interactive comic project. We have completed the whole script for the comic and have the whole visual design for the scenes in the comic, we have also mostly completed the whole coding for the comic as well as having uploaded the script into HTML. We are still working on transferring the visual aspects of the comic from pen and paper to a virtual medium. 

 

Here is the link to my exercise,

http://imanas.shanghai.nyu.edu/~xgj201/guessthecolor/

From reading the first 4 chapters of Scott Mcloud’s book Understanding Comics: The Invisible Art I really began to realize how intricate and detailed a comic book can actually be. Prior to reading this my perception of what comic books were was that they were a little bit childish and didn’t convey as much meaning or information as say a book or other form of media. I think a lot of people actually have this perception of comic books and it’s unfortunate because it really is an undeserving perception. I liked when he explains how previous societies such as the Romans and Egyptians used comics or a form of these to convey stories and how intertwined in our history and culture comic art actually is. When he starts to explain how a comic allows the reader to more greatly use their imagination to interpret the story being told I was a little bit skeptical because this seems counterproductive as if there are pictures in my mind I imagined that that meant that you would have less space for imagining in your own what characters and settings looked like. But then I realized that books do a lot of this too in the way that they don’t so much illustrate a picture but they tell you exactly what a character is doing and saying, thus limiting your imagination in that way. Thus both mediums are able to provoke critical thinking and imagination through different forms and that what makes them so special. After reading this I now realize how amazing comic books really can be in interpreting and showcasing a story, just as good, if not better than a book.

This piece was actually a lot harder for me to make than I thought it would be. I couldn’t remember how to use the pen tool that we learned to use in class so I had to find a new way to cut out the background and merge the images together. I ended up using the select and mask tool to erase the background from my images, I think this way actually ended up being easier than the way we learned in class to get rid of the background. Once I merged the two photos together – the beach and the galaxy – I thought it would be easy to then just do the same with the statue of liberty part but when I tried to select it to add it to the piece the whole image would copy and I couldn’t get rid of the background. Because of this, I ended up having to do it all over again because I didn’t know how to undo the last step. I then redid the statue of liberty, but this time saved it as its own photo with a transparent background and then added to the picture I already had of the beach and galaxy. Overall I’m pretty proud of this picture as it was my first time using photoshop by myself and it took me a really long time to do this.