An open API service indexing awesome lists of open source software.

https://github.com/neilblaze/whoofus

Be at utmost alert to find out the killer ๐Ÿ”Ž๐Ÿ’€๐Ÿ•ต๏ธโ€โ™‚๏ธ
https://github.com/neilblaze/whoofus

2021 detective dohackathon game hackathon mystery phaserjs project tailwindcss

Last synced: about 1 month ago
JSON representation

Be at utmost alert to find out the killer ๐Ÿ”Ž๐Ÿ’€๐Ÿ•ต๏ธโ€โ™‚๏ธ

Awesome Lists containing this project

README

        





Whoofus


Be at utmost alert to find out the killer ๐Ÿ”Ž๐Ÿ’€๐Ÿ•ต๏ธโ€โ™‚๏ธ


View Demo
ยท
Report Bug
ยท
Request Feature

## Table of Contents

* [About the Project](#about-the-project)
* [Built With](#built-with)
* [Getting Started](#getting-started)
* [Roadmap](#roadmap)
* [Contributing](#contributing)
* [License](#license)
* [Contact](#contact)
* [Acknowledgements](#acknowledgements)

## About The Project



Whoofus

Whoofus is a single-player TPF (Third person View) sleuth game based on [phaser](https://phaser.io) js, where the crux of the matter is that you need to be at utmost alert to find out the killer! Immersify yourself as a Detective ๐Ÿ•ต๏ธโ€โ™‚๏ธ๐Ÿ”Ž , & solve the mystery to find out who of us did it! There are 8 characters roaming about this map, moving about. There are walkways and pathways in which they can meet one another. When they meet, one of them can either kill the other one, or they could just pass by each other. When there is a murder, as a detective, your task is to find out who is the murderer of that specific dead body. Whoofus is easy to play & requires no custom application/software installation. Just click on [View Demo](https://whoof.us) & directly play on the browser!

Whoofus runs on both on PC & mobile directly on the browser (on Canvas), although it's always recommended to play on PC for much better experience! โœจ

The game is abide by few rules :-

- You need to have a strong watch on all of the characters in all of the rooms.
- One of them is going to kill someone, which is very evident at the same scenario.
- All the characters are moving from one room to another at any instant.
- The dead body shall be reported as soon as you see the dead body.
- Since this pictures a real life scenario, it might happen that the killer has shifted away from the spot.
- Since now you know who's the dead, you need to use your memory to analyze the spot and look for the murderer.
- Also there lies a twist, since you can't see the whole building at one glance, it's gonna be a bit tricky!
- Try to look for clues in the dead's proximity.
- A modal will popup where you have to select the real killer between all of alives.
- Since the killer will be on the run, so if you miss, you LOSE! ๐Ÿ˜ž
- And as always, activeness is the sole key if you want to WIN! ๐Ÿ˜Ž๐Ÿ†







### Built With

* [Phaser Js](https://phaser.io/)
* [Vue.js](https://vuejs.org/)
* [Js](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics)
* [HTML](https://www.w3schools.com/html/)
* [Bootstrap](https://getbootstrap.com/)
* [Tailwind CSS](https://tailwindcss.com/)
* [jQuery](https://jquery.com/)

- Deployed on Vercel. Thanks to [MLH](https://mlh.io/) for providing free learning resources!

## Getting Started

This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.

## :rocket: Local Development

1. Clone the repository:

```bash
git clone https://github.com/Neilblaze/Whoofus.git
cd Whoofus
```

2. Start [live server](https://stackoverflow.com/questions/43807041/live-reload-refresh-solution-for-html-css-in-2017) or download the extension!

Now you're ready to do something awesome!

## Platform support

Demos are supported on all Chromium Browsers including iOS Safari.

It should also run on Chrome on Android and potentially more Android mobile browsers though support has not been tested yet.

## Roadmap

- Improve the UI of the game.
- Add more characters (Currently 8 characters available)
- Add multiplayer feature (on Socket.io)
- Live Chat support.

And many more! ๐ŸŒŸ

See the [open issues](https://github.com/Neilblaze/Whoofus/issues) for a list of proposed features (and known issues).

## Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## License

Distributed under the Apache License 2.0. See `LICENSE` for more information.

## Contact

This project is maintained by โžก๏ธ [Pratyay Banerjee](https://github.com/Neilblaze) โšก, [Sandipan Dey](https://github.com/sandipndev) ๐Ÿ•, [Saif Ali](https://github.com/fias786) ๐Ÿ˜Ž





Whoofus

## Acknowledgements

- [Phaser Documentation](http://phaser.io/docs)
- [Vue Docs](https://vuejs.org/v2/guide/)
& others :)






ย