Project Name:
Arbitrary Game Show Interface
Software & Technologies Used:
-CSS/SASS
-HTML
-JSON
-JavaScript
-VS Code
-Vue.js
Client:
Self
Link:
Arbitrary Game Show InterfaceDescription:
An interface built for the EmblemCon's Arbitrary Gameshow panel during EmblemCon 2024
For EmblemCon 2024, I had some new ideas to bring to the convention, one of them being a game show idea based off JaidenAnimation's Pokemon quiz show. I found it highly entertaining and thought of how I could put my own spin on it.
I submitted the application for the idea and the panel was approved, so once I had some spare time, I began building the interface of how I wanted the panel to be. It was pretty simple to figure out the layout; have a dynamically displaying question, have an area for an image, then have a player area with a score counter! It seemed rather easy to implement but I knew the score counter would the biggest challenge.
Luckily, around that time, we were learning Vue.js which is a reactive framework so I thought that was perfect to implement and practice with.
Admittedly, I struggled a bit at first because I didn't understand the relationship between the data used in Vue and how it's called upon and accessed, so I had to take a shortcut to get each score counter working individually rather than together. Later on, as I learned, I started learning it a bit more, but to time constraints, I had to perform upgrades later.
Thumbnail
The initial display, which shows a welcome message, the logo of the convention, and the players and their scores.
On a click of the arrows, questions are loaded that are rather silly in nature. The image in the box too changes to match the question. The first half involves random scenarios that are a little funny to think about.
The second half of the question revolve around specific characters. As shown too, the scores can increase or decrease, depending on how much the host (me) likes their answers.
Thumbnail
Thumbnail
Thumbnail