文件名称:PuzzleGame.zip
文件大小:117KB
文件格式:ZIP
更新时间:2023-03-05 13:55:57
h5 JavaScript css 游戏
用H5设计拼图小游戏,主要在于实现功能,弱化了页面渲染。使用H5 canvas、css和JavaScript技术实现滑动拼图游戏。游戏划分为简单级别和复杂级别。主要指的是图片划分的行列数不一样,这里的等级可以自己设定。页面载入完成,即可选择游戏等级和图片,进行拼图。页面加载完成,需要初始化绘图环境和画布尺寸及参考图片。点击工具条上的缩略图,可以改变右侧参考图片。点击游戏等级,切割图片完成,并且预留一张空白图片,拼图过程中,必须点击空白图片的相邻图片才可以移动图片块。当拼图区域的图片和原来图片方块位置都对应时,游戏结束。
【文件预览】:
PuzzleGame
----js()
--------game.js(5KB)
----css()
--------game.css(300B)
----.project(972B)
----index.html(856B)
----img()
--------3.jpg(31KB)
--------1.jpg(40KB)
--------2.jpg(42KB)