HTML5 + css3 + js 网页设计作业 网页小游戏

用HTML5 + css3 + js 做的一个翻图片的网页小游戏,挺有意思的吧!

因为上网页课要交一个个人的网页设计作业,时间挺紧的,记得以前玩游戏偶尔看到一个翻转图片的小游戏,就想模仿着做一个!

目录

  • 用HTML5 + css3 + js 做的一个翻图片的网页小游戏,挺有意思的吧!
  • 1、界面展示
  • 2、源码

1、界面展示

游戏界面截图:

排版可能会有一些小问题,但并不影响游戏的运行

左上角可以选择关卡
HTML5 + css3 + js 网页设计作业 网页小游戏_第1张图片
一共分为三个关卡:
1、简单是6 * 6
2、一般是8 * 8
3、困难是16*16

点击下面的开始按钮就可以开始游戏了

下面是简单模式的游戏界面。

右下角可以查看当前的游戏进度,
就是 配对成功数 以及 操作总步数
全部配对即游戏胜利!

因为图片比较少所以可能会看着图片都是挨着的,有兴趣的同学可以多加点图片

2、源码

相关资源
阿里云盘
https://www.aliyundrive.com/s/U5nM2qoBXA7

你可能感兴趣的:(HTML5,javascript,css3,html,html5,网页设计)