![Main Project Image for [Your Project Title Here]](assets/quiz.png)
Screenshots
Project Overview
Quizathon is a web based application created through HTML, CSS and JavaScript. The player has to answer as many trivia questions as possible while only given 3 chances in case of an incorrect answer. The player is also given less time to answer as they progress, increasing the difficulty.
Once the player has answered incorrectly 3 times, the game is over and their name, avatar and score is added to the leaderboard to be compared with other players.
There are some player customisation options present, such as through entering the player's name and picking the avatar used to represent the user.
Winner of the Medium Mastery Award at the Interactive Media Showcase 2024 event.
Features and Tools used
Key Features
- Responsive web design across different screen sizes
- Data management and storage for player customisation
- Various animations for in-game events, such as correctly answering a question
- Variables used to track user choices, such as whether to play audio.
Technologies Used
- Developed using HTML, CSS and Javascript
- Graphics created using Aseprite
- Audio from Pixabay
Development Process
This was developed as a project for the Interactive Media course at the University of York. The goal was to create a web application using HTML, CSS and Javascript, and it must utilise user input in some capacity.
The quiz format was conceived as it would fulfill the user input requirement for this project, while making the project more 'fun' than a typical website only displaying information.
To encourage replaying the game, a scoreboard feature was added to encourage players to reach the high score by playing better.
The avatar system was developed to immerse the player into the game by giving them the option for their appearence, as well as to give more character to the gameplay through their different animations and presence in the leaderboard.
Originally, the player had to play the game with only 1 chance to not get a wrong answer. This was changed to 3 after playtesting found people would lose interest once they lost immediately, and to make the game fairer for those who may not know every topic covered in this game.
Reflections
This project's use of scoreboard was successful in encouraging replaying of the game, as several attendees were playing the game again to reach the high score in the game.
Adding animations to the avatars were a success in getting players to be immersed in the game, demonstrating that characters showing emotions through animations in response to player inputs and game state is an effective way to immerse the player to the game.