HPuzzle

H5色色的拼图游戏

Demo

https://moerj.github.io/HPuzzle/

Start

var puzzle = Puzzle({
    imgUrl: 'images/img.jpg', //拼图路径
    contanier: '#contanier', //拼图容器
    size: '600', //定义大小
    level: 1, //设置游戏难度 1~3
    clickSound: 'sounds/slide.wav', //拼图音效
    clearSound: 'sounds/clear.wav' //胜利音效
}).init()

Option

参数名	类型	功能	默认值
imgUrl	String	指定拼图的图片路径
contanier	id/DomObj	将拼图放入指定的 dom 元素	body
size	String	定义拼图大小，单位计算为 px	600
level	Number	游戏难度 1~3	1
clickSound	String	点击音效路径
clearSound	String	胜利音效路径

API

init()

创建并打乱拼图，相当于puzzle._create().random()，再次调用则会重新随机初始化拼图

random()

随机打乱拼图

destory()

销毁创建的拼图

setLevel(num)

设置拼图等级，num整数，且必须大于1

resize(num)

重置拼图大小，num单位为只支持px，传入时可以省略单位

replace(imgUrl)

替换拼图的图片