文章分类 Classification
牛人-五边形扫雷游戏原创SVG + Javascript 实现
稿件来源: 互联网 撰稿作者: 太阳光 发表日期: 2013-11-05 阅读次数: 134 查看权限: 游客查看
转帖五边形扫雷游戏原创SVG + Javascript 实现
和一般JS版的扫雷游戏相比,他这个扫雷游戏的特点:
这个扫雷游戏的每个格子都是五边形的。几何方面来讲,五边形是不能全等密铺的,这与六边形、四边形、三角形不同。
图形采用SVG来显示,带来的好处很多,处理任意形状的点击区域很方便,可以任意缩放还保持清晰,自动满窗显示,不需要图片文件了,红旗和地雷都是svg代码实现的。
地雷的生成放在了第一次点击之后,这样做的好处是避免了第一次就点击到雷的情况。
第一次点击,保证不触雷且一定会挖开一片区域,这样做避免了开始就要猜的情形。Win7的扫雷也是这样的,但XP的扫雷不是。
显示剩余要挖开的格子数!扫雷是否完成,主要是看这个数是否到0的,大部分js扫雷游戏的判胜逻辑是错的。
支持双键/双击翻雷,这个也提一下,虽然他扫雷很少用这个功能。
非递归实现。好处是可以高效处理更大局面而不会使浏览器卡死。
扫雷失败(触雷)后,显示答案。触雷的格子、所有不是雷但标了雷的、是雷而没有标雷的,都会区别显示出来。其实是很基本的功能。
没有标记可疑格子的功能,实在觉得这个不需要。
下载此游戏:http://down.scscms.com/html5/game.svg
关键词: 扫雷,svg 编辑时间: 2013-11-05 18:25:19
0
高兴0
支持0
搞笑0
不解0
谎言0
枪稿0
震惊0
无奈0
无聊0
反对0
愤怒
100%(1)
0%(0)
- 暂无评论
文章图片 article Pictrue
网友评论