《搭桥过河》游戏
2015-07-24 | 2,994浏览 | 0评论 | 标签:无
三周时间没有更新过日志,确实是因为没有新鲜事发生,做得最多的就是切片或把之前写的东西重新包装。这两天写了一个新游戏,算是过来交个作业。
我给游戏取了个直白的名字《搭桥过河》,内容是抓取河中漂浮的木头,最终搭成一座桥顺利通过小河。
演示地址:https://denghao.me/demo/2015/crossRiver/index.html 。
游戏思路:将两根木头长度进行对比,取它们重叠部分。
实现方法:本想使用高大上的canvas,可惜我canvas还是菜鸟水平,只好用jq+dom实现。由于演示要照顾到pc端,触发事件我通通用的click,你可以把它换成zepto和tap,游戏会更加流畅。具体的实现过程有兴趣的朋友还是看源码吧。
2015.8.26 更新:
1. 修复了木头完全重合时游戏意外结束的bug;
2. 补充一个真实案例:
(本篇完。有疑问欢迎留言探讨)
热门文章
- 微信小程序“拍照识图”上线(63,758)
- YouTube评论翻译插件《油管评论翻译机》上线了(60,288)
- 基金助手--chrome浏览器插件(45,193)
- 拍照识别彩票结果在线工具(31,943)
- vue+tabs动态组件方案漫谈(26,477)
- 《油管评论翻译机》使用说明书(25,337)
- 网页打印插件Print.js(23,978)
- 自用YouTube抓取评论+翻译工具(23,380)
- YouTube评论导出免费在线工具(18,054)
- px转rem/vw方法小结(17,565)