It is a board game in which player has to select random numbers coming up to add up to the target value coming as soon as we get the previous round correctly. Score is calculated on the basis of amount of random numbers we select to make a target sum. More the number of selections more will be the score. As soon as a target sum is obtained the selected numbers will get disappear thus making space for new numbers. Game ends as soon as the random numbers coming up touches the bottom of the board. Live URL : https://andx25.github.io/Math-Clash/
- Do not rush for functionality, just design the layout first
- Choose the datastructure or representation to hold the data of your game
- Map the datastructure to the DOM of the game
- Adding events(Here comes the functionality part to worry about)
- Calling render to update the DOM
For object oriented also above steps will be same as always but some more points need to be taken care of such as :
- Identify the objects (An object is one that is having some common properties or methods inside the game) Here : Cell(consist of numbers and selected property), board (consist of various cells and the current sum ), game object (consist of target sum, score, cell, board)
- Move the related properties and methods in common objects
- If an object requires to communicate with other object that is not accessible, move that method to upper object
- HTML5
- CSS
- Javascript
- Clone the repository
- Run the index.html file inside the folder
- A visible timer on screen is not working
- Disappeard blocks doesn't get filled up by lower blocks.