2048

Just change the origin code to CommonJS version and publish it to npm to make it easy to use.

Demo

https://ppq1991.github.io/2048/

Usage

import

npm i -S game-2048

html

<div id="container"></div>

javascript

import 'game-2048/style/main.css';
import Game from 'game-2048';
const game = new Game({
  gameContainer: document.getElementById('container')
}); 

Config

constructor

|property|type|desc|required|default| |---|---|---|---|---| |gameContainer|HTMLElement|the game container|√|undefined| |startTiles|number|number of tiles in the game beginning|X|2| |endScore|number|the score to win the game|X|2048| |keepPlaying|boolean|show keep playing button after player reach the end score|X|false| |title|string|title|X|2048| |desc|string|brief intro|X|Join the numbers and get to the 2048 tile!| |playerWinMessage|string|alert message content when game won|X|You Win!| |playerLoseMessage|string|alert message content when game over|X|Game Over!| |retryButtonText|string|retry button text|X|Try Again| |keepPlayingButtonText|string|keep playing button text|X|Keep Going!| |newGameButtonText|string|button text|X|New Game| |initValue|number|init value of the first tile|X|2| |getNextValue|function|call this function to get next value|X|v => v * 2| |getClassNameByValue|function|call this function to get classname|X|v => tile-${v}| |onGameStart|function|on game start hook|X|undefined| |onGameOver|function|onGameOver(score, isWin)|X|undefined|

methods

Screenshot

License

2048 is licensed under the MIT license.