http://imanas.shanghai.nyu.edu/~tj1059/projects/comic_project
Our project is actually an adventure game, mainly made up of three small games. Me and my partner both like online games, so we planned to design a game similar to the one -BLIZZARD- that we both enjoy in life. However, after deep consideration, the original idea which includes lots of interaction as well as algorithm seemed too complicated to realize. Therefore, we finally turned it into three small easier ones: dice game, math calculation and rock, paper, scissors. Users who win dice game and rock, paper, scissors for more than 3 times and solve more than 5 calculations in one minute can finally win the whole game. Furthermore, for the comics part, we designed two cartoon characters, allowing users to choose from and attempting to add a theme of adventure comics to the whole project. Anyway, our project uses a lot of interactions and comics, aiming to let users have much fun while playing.
For the coding part, we used a lot of techniques we learned in class. Take the dice game as an example. In order to make the dice roll fluently, we actually used IF condition to quickly change the image of dice number, making it a trick as if the dice is really rolled. Also, we used the random function to get the result, making it possible to compare between two dices. What’s more, to establish rules of how users can win this game, we came up with the check function, enabling users to pass the game whenever they win more than 3 rounds. The algorithm of rock, paper, scissors game is actually similar to the dice one, which to some degree relieve our stress of coding. The math calculation is much harder, however, which includes the random function, timer, etc. The coding process is anyway the most difficult part of our whole project. We have to put what we understand in class into practice and try to solve the problems whatever occur on our own.
Unavoidably, we did run into troublesome problems. For the dice game, I used INDEX to in IF condition to make the dice roll, while using NUM to actually get the result of the random function. However, when pressing the stop button, it showed the INDEX first, then the alert occurred. The result only changed into NUM after we confirmed the alert. I was pretty confused and thus searching plenty of information about it. Finally, I learned that it was probably because changing image takes more time to execute, compared with simply comparing the numbers. Therefore, I set a TIMESETOUT for the comparison function, making the result show milliseconds later. What’s more, the div problem always confused me. Sometimes two elements showed in the same horizontal line as we expected, while sometimes they just emerged in a vertical line. Therefore, we turned to CSS-TRICKS, which is full of flex-box guides and was introduced in class. It did help us a lot.
In conclusion, I think we did a good job in our project. My partner and I both devoted quite much into this project, communicating and discussing a lot, listening to and respecting each other’s ideas as well as making determinations together. By last Thursday, we actually finished only two games and there was no comics. We then absorbed the suggestions we received on the interaction day, making a lot of improvements in our project. Though it might not be as perfect as we imagined at the very first beginning, we try maximally what we can based on our understanding and analysis of every html/css/javascript. If we have more time, I suppose that we can add a background music to make it more adventurous. Also, we will try some more difficult games such as card games. Anyway, as our first group project, I think this finalized work is much better than I expected and I sincerely appreciate my partner.
Leave a Reply