HTML5在微信游戏中的实战

在网络飞速发展的今天,太多技术在更新,做为一家依靠技术实力生存的创业型微型企业.

在网络飞速发展的今天,太多技术在更新,做为一家依靠技术实力生存的创业型微型企业,我们不断学习新的知识,站在互联网时代的技术前列,我们不敢懈怠,深知生存的困难。

在这里,做为嘉兴之宝网络科技工作室的一名软件架构工程师,我浅谈一下最近架构可指导开发的微信游戏应用项目。

在微信火爆的今天,几乎所有人都有微信,几乎所有手机都装了微信;不少企业也聪明的发现,这个微信时代的到来给他们带来了不少好处。

最近,嘉兴本地的东陵宝石公馆找到我们,他们想要做一款微信手机游戏,这款游戏将要通过他们的微信公众号推送给关注了他们公众号的好友,这款游戏是辅助他们会在线下开展的阿迪力走钢丝活动,通过玩游戏与参与的好友PK最终排名在前10名的可以获得线下活动的门票。

我们跟客户表名之前没有参与过微信游戏的制作,但是客户对我们的信任与实力的了解最终还是委托我们进行游戏的开发,并给了我们7天时间进行技术研究。

由于客户希望该游戏能够跨平台使用,能够满足AndroidIOS系统的运行,故以我对目前市面上比较稳定的技术,综合考虑最后选择使用HTML5,花了3天时间研究了一下HTML5,并经过向多方面打听,了解到使用egret引擎能够快速稳定的进行HTML5游戏的开发,我们也决定尝试使用egret进行开发。

因为前段时间比较火热的围住神经猫就是用该引擎实现的,所以我们对该引擎也更加有信心,但毕竟之前没有使用过,心里还是有点不踏实;

所幸egret官方文档说明非常详细,并且步骤清晰,我们大概花了3天时间就基本掌握了egret的使用,由于该引擎的语法是模仿as3开发的,我们对flash的研究已经非常深入了,顾对该引擎的学习成本比较低,也算是一种幸运。

接下来我们花了4天时间对游戏素材进行了处理,有些动画需要在flash中制作好,然后生成精灵图片+json配置文件,加载到egret之后,引擎会自动解析json并播放动画

前期比较顺利,包括与公众号平台的交互也比较明朗

等项目差不多完成的时候,我们的测试人员发现在Android手机上能够正常显示的图片,在ios上居然出现异常,经过求助egret论坛与QQ群后,我们终于解决了该问题,该问题是由于精灵图片太大,Android浏览器加载图片的方式与ios上可能不同,当时的一张动画精灵图片达到了4096X4096,之后我们通过技术手段把该图片缩小到1024X1024,终于在ios上也显示正确了

我们的开发与测试人员同时还发现了几个目前HTML5开发不是非常好的地方:

1、对背景声音与音效的支持,不同手机有不同的表现,无法统一

2HTML5应用在微信浏览器中的效率不是特别高,一般动作类游戏不太适合,益智类游戏,效果不要太好的游戏还是不错的

3、对硬件的控制不如意,比如无法让屏幕常亮等

4、加载速度有点欠缺,当然这个问题主要还是要看应用存放的服务器的速度

5、调试比较麻烦,egret没有集成开发环境,对图片的处理,按钮等UI界面只能通过代码进行调整

目前能想到的只有这几点,HTML5技术的日益成熟,带给移动应用开发领域将是非常大的改变

希望HTML5标准尽快完善,各浏览器厂商也尽快完善对HTML5标准的支持

egret引擎更加完善,愿我们的技术文章能够帮助您的技术成长

感谢您耐心的阅读,有任何建议意见,您可以通过邮件或QQ等形式与我们联系

  • 联系人 *
  • 手机 *
内容 *