Project Description
This is an online word game, and we want players to read the plot and explore the clues in this website to discover each of the The Truth of the Plot. Currently only single player mode, will be updated with a multiplayer mode in the future.
We start by using json as our small database. By using ajax, we can easily read the json data and use it with jquery to dynamic generates a dom element.
In addition, we use the new keyword to generate a global management system for functions GM(object). With it, we can implement many global operations and callbacks for event monitoring.
Detail
1. For game page, there are two parts, one is main part, and the all period in the game will be in this part. When the player clicks the “next” button, the period will switch to next, and different content will display.
2. There is a time bar can record the time that player spend.
3. Set the game tabs which can display that which period that player in during the game.
4. The game information in aside part can be collapsed, the player can click “read more” to display whole content.
5. In the search period in main part, when player click different item for search, it will display clues, and those clues need player to click to display one by one.
6. And there is “new” mark in the search item if the search item has not been clicked by the player before, it can remind player that the part has not been read.
7. In the vote period, player have to answer the questions in the aside part. If player does not submit the answer, they can not go the truth period.
8. If player does not submit the answer. The vote period will remind player that questions are not complete. If player complete the question, the vote period will display that “Finished.”
9. On the aside part, if player click submit but do not answer all the question, the web will remind player that “one the way” and tell them please save all answer.
10. In the truth period, the page will display that the score according to the player’s answers. And the score will display different color for different range.
Team
-
- Project Manager | Lead Developer Web Designer | Content Developer
-
KAMIKU
-
- Junior Developer Web Designer | Content Developer | Quality Assurance
-
ANDREW
Development
Current
Future
Reference
FullScreen Slider is a js plugin that control page sections and enable navigation via mouse wheel and touch events. It can help generated the auto responsive page and switch the page on mouse scroll. We use it in this page as the template to build the content.
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. This plugin have self css file and will cause failure of CSS3 validator!
SweetAlert2is a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes.
