该项目是关于使用H5 canvas、css和JavaScript技术实现滑动拼图游戏。游戏划分为简单级别和复杂级别。主要指的是图片划分的行列数不一样,这里的等级可以自己设定。
页面载入完成,即可选择游戏等级和图片,进行拼图。页面加载完成,需要初始化绘图环境和画布尺寸及参考图片。
点击工具条上的缩略图,可以改变右侧参考图片。
点击游戏等级,切割图片完成,并且预留一张空白图片,拼图过程中,必须点击空白图片的相邻图片才可以移动图片块。
当拼图区域的图片和原来图片方块位置都对应时,游戏结束。
2021-09-25 15:55:05
117KB
H5
拼图
1