MythBuster

MythBuster - Combatting prevalent myths with fun!

Myth Buster is our game which encourages you and teaches you about the different myths prevalent in the society we live in, making us more socially aware while enjoting a fun and healthy game of agility! In these trying times of Covid-19, we’ve learnt to value the virtual interactions as well, this is a two-player game that we’re willing to extend to multiple players in the future, so that you and your pals can have fun together! This togetherness, can also potentially open a dialogue about these prevalent myths in rather comfortable manner, by virtue of sportsmanship!

System Design Implementation

Our project primarily consists of a game, and a website to showcase the game, you may observe the system design as follows wherein the box is the website and various sections of the same have been defined. The logical flow of the game has been defined in the game section.

Herein the flow of the game, with the user’s perspective in greater detail appears as follows:

Installation Steps

Replicating our game is fairly easy. To use this as it is:

Fork this Repository
Clone your fork
Make sure you have node.js installed along with support for sockets and express
Use node server.js command to run the server.

If you want to add your own set of myths and facts, navigate to /public/P5js/assets/slides/ and upload images of questions and answers in sequence. Make sure you name the same with numeric digits (Eg. 1-20 as done here).

The server is hosted to heroku.

Challenges

A smooth sea never made a skilled sailor! We’re glad to acknowledge our learnings through the process. Even though it is an older hack we developed a lot of new insights on how sockets and multiplayer functionality works.

We were unable to pinpoint which way to proceed and tried many iterations such as and OpenGL verison of the game, This required rebuilding the game in Unity. After serveral iterations we were unable to get the multiplayer version working in the OpenGL build.
After the trial we got back to the drawing boards and started working on implementing the app with socket.io and node.js. This inturn added several layers of complexity as in Unity all the server client interations were handled by the photon server whereas here we made a server from scratch.
Involving multiple players in one game over the server turned out to be a little hard to understand. Testing the same when we both are “virtually” next to each other is yet another challenge, hampering reliability to some extent.
We ran into some browser specific issues while trying to run our webpage locally, especially while rendering the game as some browsers do not loading of local resource (Not allowed to load local resource).
The objects that are visually big in size, might be treated as point objects for mouse clicks in p5.js, decreasing the playability of the game.
It took a while to understand how the clients were sending the score data to the server and that made the process more confusing.

Techstack

HTML
CSS
Javascript

Libraries and Dependencies

p5.js
node.js
Bootstrap
Node.js
Sockets.io
Express

Tools

Processing Editor
VS Code
Git and Github
Canva

Screenshots

Contributors

Shreyash Royzada spearheaded the game creation and ideation, while Priyanshi Sharma aided the ideation process and curated the website. Other logistics were mutually taken care of.