用HTML5 + css3 + js 做的一个翻图片的网页小游戏,挺有意思的吧!
因为上网页课要交一个个人的网页设计作业,时间挺紧的,记得以前玩游戏偶尔看到一个翻转图片的小游戏,就想模仿着做一个!
目录
- 用HTML5 + css3 + js 做的一个翻图片的网页小游戏,挺有意思的吧!
- 1、界面展示
- 2、源码
1、界面展示
游戏界面截图:
排版可能会有一些小问题,但并不影响游戏的运行
左上角可以选择关卡
一共分为三个关卡:
1、简单是6 * 6
2、一般是8 * 8
3、困难是16*16
点击下面的开始按钮就可以开始游戏了
下面是简单模式的游戏界面。
右下角可以查看当前的游戏进度,
就是 配对成功数 以及 操作总步数
全部配对即游戏胜利!
因为图片比较少所以可能会看着图片都是挨着的,有兴趣的同学可以多加点图片
2、源码
相关资源
阿里云盘
https://www.aliyundrive/s/U5nM2qoBXA7
更多推荐
HTML5 + css3 + js 网页设计作业 网页小游戏
发布评论