Link: http://imanas.shanghai.nyu.edu/~zy1193/project4/project4.html
Description:
In this project, me and ploy decide to make a food map of China, cuz we both love traveling and exploring the food. So we use a small man icon to represent the visitor and the audience can use the arrow key to control it and lead him to the city they want. After you enter the city, you can see the most famous food there and its culture as well as history.
Process:
I was responsible for the code part and ploy was responsible for the drawing part. Then, we record the sound together. The recording part is really interesting. Because the sound we try to record is not that recognizable and distinguish. So to gain more effect, we even try to add the water to the hot oil. The effect was really good but somehow a little dangerous. After ploy cut and edit the audios, I put the images and audios into the webpage. Doing the code is really complicated. I created the main page as a big framework. And create the first page’s coding framework. The code framework for the five food page is all the same. So then, ploy changed the picture and audio in the page based on my code and do the other four page.
Challenges:
The first problem I met is how to make the icon arrive at the city and then the star can be lightened. I went to the fellows for help, and use the console log to get the position of the icon and use JS to set a function.
The second problem is how to make the curtain effect. It is really complicated. And need to cut the picture manually. Some code from the internet is really beyond our class, so I went to ask fellows, and they told me that I don’t have to stick to their code, there are so many ways to achieve the same effect.
The third problem is that it’s really hard to explain the culture and history background of food to the audience in a very easy way. The text, the image, the audio how to place them all together in an art website is really a tough job.
Conclusion:
I felt very rewarding and engaged in the coding part. Although I spent a lot of time on it, I actually learned a lot of knowledge that I didn’t understand in the previous class and even some the class didn’t teach. I think learning shouldn’t be restricted to the class, when we want to achieve our own goal and explore it, it is more interesting to learn.
Also, I think the user test part is really useful, we can see something we didn’t notice before and make our project better.