15 Puzzle

Introduction

15 Puzzle is a sliding puzzle in which players try to rearrange a 2D-board in order to reach a predefined target state of the board.

This game consists of a 4x4 board with 15 tiles, numbered from 1 to 15. There is one empty cell that allows players to change the state of the board by swapping the empty cell with 1 of its adjacent cells. The image below shows the target state of the puzzle:

### How to play?

• PC:
  • Press to move the empty cell.
  • Press to move in the tiles.
• Mobile: swipe on the board to move the empty cell.

The empty cell is moved in the reverse direction of the key pressed/swipe.

Screenshot

Development

The implementation makes use of the following libraries:

• AngularJS
• angular-gestures
• UI Bootstrap for AngularJS
• jQuery

Besides, Grunt and some of its modules (jshint, cssmin, concat, qunit) are used to help automating the development process. To use Grunt, we need NodeJS. Bower is used for managing dependencies on front-end librraries (AngularJS, jQuery, angular-gestures).

Contribution

Any contribution is welcome. You can raise issues, report bugs, or even fork-code-push and send a pull-request.