luckysoo3516 / phaser-candy-crush

Candy crush like game made with Phaser HTML5 game engine

Home Page:http://candy-game.herokuapp.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Candy crush like game made with Phaser HTML5 game engine

About this game

One day I found very interesting blog post by Matthijs Hollemans In this tutorial Matthijs Hollemans shows how to create Candy Crush like game in Object-C language. I readed his article and decided to rewrite this game using Phaser HTML5 game engine. I also used typescript language, because it gives a lot of advantages comparing to ES5 javascript. AngularJs is used only for creating game directive, so it can be easily included in angular app.

Demo

You can play demo with 5 levels here. This game is deployed to heroku using free plan so it may be not available some times.

Environment setup

  • Install NodeJs from https://nodejs.org/
  • clone repository to C:\Sources (create Source folder)
git clone https://github.com/Anjmao/candy.git
  • Run Npm install
npm install
  • Run gulp start to start game in browser
gulp start

Recommened IDE is Visual Studio Code.

Used technologies

  • Phaser
  • AngularJs
  • NodeJs+ExpressJs
  • Typescript

TODO

Where is some bugs which need to be fixed and running unit tests you can notice test called should fill holes after remove and get columns some times fails, after fixing this test it should be fine. Also I made cookies to fall from bottom to top, this is because in objective-c arrays index is different from javascript arrays.

Image

Image of Game

About

Candy crush like game made with Phaser HTML5 game engine

http://candy-game.herokuapp.com/

License:MIT License


Languages

Language:TypeScript 85.6%Language:JavaScript 11.0%Language:HTML 3.4%Language:CSS 0.1%