Code Monkey home page Code Monkey logo

math-clash's Introduction

Math-Clash Game

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/

Table of Contents

Points for board games

General Approach

  • 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 making the game completely object oriented

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

Technologies used

  • HTML5
  • CSS
  • Javascript

Setup

  • Clone the repository
  • Run the index.html file inside the folder

Features still need work

  • A visible timer on screen is not working
  • Disappeard blocks doesn't get filled up by lower blocks.

math-clash's People

Contributors

andx25 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.