Git Product home page Git Product logo

candy-crush-game's Introduction

About the project

Image alt

This is an online 2d game implemented with JavaScript + Canvas. The game logic was divided between model, view and controller. There were used such technologies as:

  • Pixi.js for dealing with canvas and animating
  • parcel for bundling
  • eslint, prettier for code formatting
  • jest for unit testing, test-coverage is about 70% for business logic.

Game logic

  • Play field contains different colored tiles. When you click on a tile, this particular tile and its neighbors with the same color are destroyed. Destruction of each tile increases score, so the more tiles with the same color are destroyed, the more points player will get. When the gained points are equal to the needed points quantity, or if the moves end, the game finishes
  • There are two opportunities to gain more points in one move, by clicking on booster-icon โ€” it will explode tiles in the certain radius, or shuffle tiles, if there are no lucky combinations
  • Game has three scenes:
    • Start the game message
    • Game process
    • Game over: when player loses or wins, with the corresponding message

Project setup

npm install
npm run serve

Future scope

  • Provide the ability to use other boosters
  • Add tests for view

candy-crush-game's People

Contributors

flyingcanoee 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.