nt-number-puzzle

nt-number-puzzle
==================

!Static Badge
!Static Badge
!Static Badge
!Static Badge
!Static Badge

!nt-number-puzzle-preview
!nt-number-puzzle-preview2

nt-number-puzzle is a module that implements the retro game numeric puzzle as vue (vue components). Why don't you try to provide simple entertainment for users when developing a personal project or use it for users who are bored while loading long and long data?

nt-number-puzzle은 레트로 게임인 숫자 퍼즐을 vue(vue components)로 구현한 모듈입니다. 개인프로젝트 개발 시 사용자를 위한 간단한 즐길거리를 제공하려 하거나 길고 긴 데이터 로딩 중 심심한 사용자들을 위해 사용해 보는것은 어떨까요??

---

Demo

nt-number-puzzle demo page.

---

Installation

``sh
$ npm install nt-number-puzzle —-save
`
---


Usage

`javascript
import NtNumberPuzzle from 'nt-number-puzzle';
import 'nt-number-puzzle/number-puzzle.css';

//template
//users source
...
:grid-size="4" // default: 4
:cell-size="4" // default: 4(rem)
label-text = "..."
/>

``
---

Props

* gridSize: _number_ ▶︎ 4
Set the vertical/horizontal size of tile grid.

* cellSize: _number_ ▶︎ 4
Setting the size of tiles(unit rem).

* labelText: _string_ ▶︎ ''
Setting letters to display tiles.

---

How to play

* Click the START button to start game.
* Click to move up, down, left, and right tiles of empty tiles.
* Place the tiles in order.
* When all the tiles are placed in order, the game ends.
* You can specify the tiles to move by pressing the top, bottom, left, and right keys on the keyboard.
* You can move an active tile by pressing the space key.
* Press the ctrl key to display the order of the tiles.
* If you click the RETRY` button during the game, the tiles will mix and restart the game.
---