码迷,mamicode.com
首页 > 其他好文 > 详细

h5小游戏制作

时间:2016-09-25 11:53:35      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

编译环境 sublime text3 

        很久以前看了一个“看看你有色”的游戏,学习这个游戏的制作我让学会了框架的服用,游戏逻辑代码,游戏设计代码分离式编程,于是我便根据这个游戏改写了一个寻找包包的游戏,功能设计思路来自12306买票试图,失物寻领中如果失物属于你你需要五次从不同包包中找的你的包方可领取

修订规则:1:30s内连续找对五次你的包包

              2: 不满5次或时间用完则提示你该物品不属于你。

              3:寻包次数不得高于5次即停止

技术分享

游戏在网页上完成通过JQuary框架编写自适应布局

 

 

技术分享

此段为游戏修改规则两种之一便执行gameOver()函数

技术分享

游戏结束时显示所需标签隐藏所需标签

技术分享

对于目标图片随机位置算法,此处有个问题没有解决,对于给定绝对地址可以找到图片放入<span>对于随机图片不可插入,解决办法预加载图片没有完成,于是我从JQuary函数库寻找函数算法,由于时间紧张没有完成,接下来时间有空我会修复这个问题

技术分享

 

原本思想是除去目标图片target别的图片随机插入格子中结果如上所述不识别只能达到如下效果

技术分享

心得体会:通过这次双人结对编程让我感到两个人的确比一个人效率高多了通过逻辑代码UI代码分配可以在很短时间内完成任务让我感受到人多就是效率。

最后人丑就不贴照了QAQ希望老师网开一面Orz

h5小游戏制作

标签:

原文地址:http://www.cnblogs.com/wfclym/p/5905527.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!