The link:
http://imanas.shanghai.nyu.edu/~yy2552/project2/hello.html

Description:
Basically, we came up with this idea for the homeless dog has been a social issue in our daily life. The issue has been improved due to the help from all walks of life. But this time we want to present our idea and show our attitude towards it from a whole new perspective, that is, a dog. Inspired by some videos from youtube, we were trying to tell a story of a dog—how she was abandoned by a workaholic, lived a poor living on the street, and then was adopted by a little girl.

Process:
Before we start the visual art and coding part, we made a lot of preparations for that. We wrote down our own ideas in one file and combine them together. We searched for some scientific knowledge about the dogs like its visual field and color vision. We created the storyline by using 3 scenes, then dividing each of them into small groups so that it could make it easier to create the panels.
I did the visual art part and Daisy did the coding part. Basically, I was trying to use only 3 elements, point, line and plane to create a picture. I made the most of the shadow in the 1st picture to imply that the story actually begins at a midnight. In the later ones, you can see the stones and grass suddenly pop up. By doing that I want to show the subject hid away from the humans. Besides, we used the blink gif to lead the user to a dog perspective. According to the text “understanding comics”, I also used different shapes of panels and word bubbles to contain the meaning of the comic itself.
As for the coding part, she referred to several online tutorials and library in order to add more interactivity to our comic project. The user can interact with the page by scrolling, clicking, and moving mouse. There will also be some special effects when the mouse hovers on the image. The effect we choose is according to the specific content. For example, when the image shows a dog running on the way, the user can use the “pulse” effect to imitate the first person perspective. When the image shows that the dog is frightened, the user can choose the buzz effect to express this feeling.

Post Mortem:
Our final result meets 80% of our initial expectations. We didn’t have time to color them, so it remains a black-and-color comic(maybe it’s also a fair choice). We didn’t manage to add background music. But the most inspiring part we’ve done is that there’re more interactions than we initially expected. We came across lots of challenges like coding bugs and flaws in visual art. Hopefully, we can make further improvements.

Big thanks to my partner Daisy’s great work!! XD

Here’s my link:
http://imanas.shanghai.nyu.edu/~yy2552/w04-exercise-JS-Conditionals/

The most tricky part for me is the use of if/else statement, the remainder, and the variable. 

I worked with Daisy in this comic project. I am working on the drawing part and I am working on most of the js and interactivity part. 

Here is the screenshot of part of the storyboard:

To make the dog’s perspective closer to that in real life, we also collected info for reference. (e.g, the color perception, the eyesight)

So far we’ve finished the script for the whole story and started working on the scenes in details. Here are some draft and scenes :

Daisy also used the photoshop and Ai to edit some pictures found on the Internet so that they have a unified style. Here is the edited background:

For this week, we aim to finish most of the visual asset and start working on the coding part. After receiving the feedback last week, we found that how to balance the interactivity and the storytelling is a big challenge for us. Therefore, our next step is to figure out what exactly can we do with the interaction. 

Here’s my link :
http://imanas.shanghai.nyu.edu/~yy2552/week3/

The 1st idea:

Introduction:

Inspired by the movie Life of Pi, our group would like to tell a story about someone adrift on the ocean and his/her experience on the journey. To make the content more meaningful, we want to combine that amazing experience with the topic of “(un)sustainability in life below water”. More detailed information can be found below:

Storyline:

A boy (or girl, TBC) left his town because he wanted to experience something amazing outside. But somehow his compass got broken in half way. He lost his direction, adrift on the ocean.

It was about five days before he saw the huge iceberg. He was so surprised to see the Titanic passed by. After that, he got to meet a polar bear, “who” was really friendly and ready to go fishing and share the food with him. He also came across a group of whales, who were singing freely with such beautiful voices……We’re still working the end of the story. Here is one version: One day, however, when he turned around, all of them just disappeared! He suddenly opened his eyes and found it was just a dream. What he actually saw was that the whale was stranded by the receding tide with plastics twined on its body; the polar bear was dying due to the lack of food; Garbage just piles up over there……

Interactivity

By scrolling the page they can change the view and see the narrations of different scenes to learn about what’s going on.

Telling in a third-person perspective, the reader will be the companion of the main character and control his interaction with “NPCs” he encounters. Different decisions will result in different endings.

The weather condition on the ocean may also change with the story goes on.

---

The 2nd idea:

Introduction:

Our second idea is about to tell a story using the first-person perspective of a dog(or cat, TBC). The reader will follow the dog to fully emerge and experience its life. In the world of the dog, things might be very different from what we see as human beings. The noise may be much more annoying for the sensitive pet.

Interactivity

The reader can interact with the character and environment like a dog. For example, when it feels the sound is too annoying or the food is not enough, they can choose to bark or do something else to attract the master. It can also wag the tail and welcome the master when he/she comes back. When the master feels upset, it can sit next to the master and let him/her pet it. We are also going to make some scenes that the reader can’t do anything with it. For example, when the dog is abandoned on the street and bullied by others. As a dog, it’s unable to cope with these people. The feeling of helpless can be conveyed through the scenes when the reader can’t fight back.

Significance

Through this story, we aim to draw people’s attention to care more about their pet. To treat them as a friend and not abandon them easily. We as the master may have other friends but for the dog, we are the only one they can rely on. Meanwhile, we also want more people to pay attention to the homeless dog and cat on the street that they might overlook in daily life. By raising their awareness of this issue, more and more people can join to save and help these homeless dogs and cats.