Interaction - Bachelors
The Olympic Trading Card Game is a fun and interactive game that aims to promote the Australian sporting spirit at the Olympic games. It involves the user creating trading cards using a web app and a digital backdrop. Users can then interact with the community through trading cards, voting on other cards and joining teams.
In a real-world scenario, this projector screen would be set up as a digital wall at South Bank. Families at South Bank may walk past it and see what it’s all about. They then scan the QR code and begin taking a picture in front of their chosen background. From there, they will make their trading cards on the mobile web app and then print them out. These actions of spontaneous discovery and creativity relate back to the theme of ludic encounters.
After card creation, players still have many things they can do on the mobile web app. Trading cards each have a star value. Players can earn stars for each of their trading cards from other community members voting on them. If players don’t want their cards being voted on by strangers, they can still earn stars from being active in the community and voting on other people’s cards (with a set max per day). These stars determine the tier of each card (common, rare, epic, legendary).
Players can also join teams, such as their school, and compete with other teams on a leaderboard. The placings are determined on how many total stars each team has. At the end of an event, teams will receive prizes depending on their placings on the leaderboard.
This project was created using HTML, CSS and JavaScript inside of Visual Studio Code. To enable interaction with the user’s web app and the digital backdrop, JavaScript is used to send and receive data to a cloud-hosted database. When the user changes the background, the value of an object named ‘background’ is updated in the database. The JavaScript code for the digital backdrop picks up this change and switches the background accordingly.
Isaiah is a 2021 graduate of interaction design at QUT. He is a passionate and creative individual who strives to ideate and innovate new designs and solutions in UX Design and IxD - particularly in augmented and virtual reality.