Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pjtunstall/mad

The Mad Bomber's Tea Party: 01Founders project to make a multi-player browser game using web sockets, and no WebGL or any framework except one we made in an earlier project. Based on a single-player version by fellow students; see in-game credits.
https://github.com/pjtunstall/mad

game javascript multiplayer-game node-js websocket

Last synced: about 7 hours ago
JSON representation

The Mad Bomber's Tea Party: 01Founders project to make a multi-player browser game using web sockets, and no WebGL or any framework except one we made in an earlier project. Based on a single-player version by fellow students; see in-game credits.

Awesome Lists containing this project

README 

        
# The Mad Bomber's Tea Party



![red](images/red.jpg)



1. [Background](#background)

2. [Setup](#setup)

3. [Progress](#progress)

4. [Framework](#framework)



## 1. Background



This is our take on the final project of the JavaScript section of the [01Founders course](https://01edu.notion.site/Global-01-Curriculum-50b7d94ac56a429fb3aee19a32248732), a branch of the [01Edu](https://01-edu.org/pedagogy) coding bootcamp system. The [brief](https://github.com/01-edu/public/tree/master/subjects/bomberman-dom) asks us to make a browser game for two to four players, based on the classic 1983 [Bomberman](https://en.wikipedia.org/wiki/Bomberman), using web sockets, but no WebGL or any framework apart from the [home-made one](https://github.com/pjtunstall/mini-framework) we built for our previous project.



This game was adapted from a single-player original by some of our fellow students: Peter Coles, Michael Adeleke, and Mohammed Rashidur Rahman.



[Other features](docs/further.md) may be added eventually.



## 2. Setup



Clone the repo and navigate into the backend folder:



```zsh

git clone https://github.com/pjtunstall/mad

cd mad/backend

```



Install Node dependencies with `npm install`. Then run `node server.js` to start the server on port 3000.



The server will log its IP address in the terminal. To connect over a mobile hotspot, players can enter that address into their browser. As yet it only supports a single instance of the game.



Note: the instructions ask us to have a lobby with a 20s countdown, followed by a 10s countdown for whoever has joined during the first countdown. Instead, we chose to implement a 10s countdown only. The two countdowns didn't make dramatic sense, especially in the context of our more elaborate intro. Also, 20s is not long to chat! (The instructions don't make it clear whether they expect the chat to continue during the game. We assumed not.)



## 3. Progress



This multiplayer version can be played in Chrome, Brave, Firefox, Edge, and Safari. As its single-player precursor, all bonus powerups are implemented except bomb-push (throw). Intermittent [bugs](docs/bugs.md) remain. To tackle these, more play testing would be needed under various conditions and on different devices. It's still too sensitive to screen dimensions. Size, proportions, and alignment could be fixed better, leaving less to chance, especially on the intro. See [Further](docs/further.md) (in particular, DESIGN) for more detail.



## 4. Framework



We're using it in a minimal way, just to construct the game grid, so as to meet the requirements for the 01Founders exercise. For more detail, see this [discussion](docs/framework.md), which includes the original plan and thoughts on how it might be developed it further. But I don't see any good in that. I think it would complicate the code, impinge on performance, and be--from the players' perspective--at best unnoticeble.