dmc-puzzle-game v0.1.0

原生HTML+JS+CSS制作的拼图小游戏模块

原生的拼图小游戏,抽离成一个模块,参数可配置化,方便复用.

安装

npm install dmc-puzzle-game --save-prod

使用

// 引用
import PuzzleGame from "dmc-puzzle-game";
// 参数见下表
const option = {
    container: "main",
    img: "https://hm-wx.oss-cn-hangzhou.aliyuncs.com/1105295.jpeg",
    colNum: 5 * 1,
    rowNum: 3 * 1,
    isJumpDislocate: true,
    dislocateLevel: 2,
    isShowGap: false,
    gapWidth: 1,
    gapColor: "rgba(0,0,0,1)",
    isShowOverEndAnimation: true,
    isShowShadowContainer: true,
    isShowShadowCell: false,
    isShowMarkNumber: true,
    hidePuzzleCellPosition: "random",
 };
// 传入option初始化,返回game实例
const puzzleGame = new PuzzleGame(option);
// 监听游戏状态变化
puzzleGame.addEventListener("changeGameStatus", (status) => {
  // status 类型见下方代码
  console.log("status: ", status);
});
// 监听游戏所用步数变化
puzzleGame.addEventListener("changeStepCount", function (stepCount) {
  console.log("stepCount: ", stepCount);
});
// 开始游戏
game.start();
// 重置游戏, <option> 可选,覆盖初始化的参数
game.reset(<option>);

Option