piriys/monopoly.js

Implementation of monopoly game

Monopoly.js

Implementation of monopoly game with javascript.

Demo

View Demo Here

Setup

Add monopoly.js file into your html and run:

Monopoly.load();

By default the script will target body DOM and load a game into it. However, you can set loadTarget parameter into the loader function to change target. For example:

<script>
  Monopoly.load({ loadTarget: "#loadHere" });
</script>

<div id="loadHere"></div>

monopoly.js's Issues

Add Save/Load Feature

Add save/load feature from json file.

Replace Placeholder Values of Property, Chance, and Community

Replace placeholder values of property, chance, and community chest in gamedatahelpers.js.

Implement Rules for Double Rolls

If a player rolls double, they get to roll again. If the player gets double three times consecutively, put the player to jail.

Refactor Game Class to Use Map()

• spaces field of game class is still used to check if player owns all property in color group when checking if they can be upgraded in space.resolve().

Refactor Space Class for Player Movement

• Implement space class as a bidirectional linked list node or graph node.
• Remove global spaces variable.
• Add start field to game class

Implement Auction Mechanics

Prompt all players for an auction when a player lands in an unowned property and skip buying it.

Bookmarklet Implementation

Implement a bookmarklet that allows user to click on and load the entire game onto any page.
The code below loads in the script tag but nothing happens when Monopoly.load is called.

javascript:(function()%7Bfunction%20callback()%7BMonopoly.load()%7Dvar%20s%3Ddocument.createElement(%22script%22)%3Bs.src%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2Fpiriys%2FMonopoly.js%40v1.0.1%2Fmonopoly.js%22%3Bif(s.addEventListener)%7Bs.addEventListener(%22load%22%2Ccallback%2Cfalse)%7Delse%20if(s.readyState)%7Bs.onreadystatechange%3Dcallback%7Ddocument.body.appendChild(s)%3B%7D)()

Implement Get Out of Jail Free Card

Bind UI/Board Update Using Javascript Proxy/Web Component