《搭桥过河》游戏

2015-07-24 | 2,385浏览 | 0评论 | 标签:无

corssRiver

 

三周时间没有更新过日志,确实是因为没有新鲜事发生,做得最多的就是切片或把之前写的东西重新包装。这两天写了一个新游戏,算是过来交个作业。

我给游戏取了个直白的名字《搭桥过河》,内容是抓取河中漂浮的木头,最终搭成一座桥顺利通过小河。

演示地址https://denghao.me/demo/2015/crossRiver/index.html 。

游戏思路:将两根木头长度进行对比,取它们重叠部分。

实现方法:本想使用高大上的canvas,可惜我canvas还是菜鸟水平,只好用jq+dom实现。由于演示要照顾到pc端,触发事件我通通用的click,你可以把它换成zepto和tap,游戏会更加流畅。具体的实现过程有兴趣的朋友还是看源码吧。

 


2015.8.26 更新:

1. 修复了木头完全重合时游戏意外结束的bug; 

2. 补充一个真实案例:

cross-river-example

 

 

(本篇完。有疑问欢迎留言探讨)

留言:

*

* (方便回复通知)

打赏
编辑代码 运行结果
退出