如何在微信公众平台上做HTML5游戏

微信的公众平台还不是HTML5游戏可适应的生态环境

现在手机网页游戏(duopaogame)公众号日均PV在4000左右，日活跃用户1500人，这个数据并不理想，感觉目前的微信平台尚未为HTML5游戏做好准备，通过分析可得知用户流失的主要原因如下：

1) 游戏太简单，比原生游戏比还有差距

不少用户反馈手机网页游戏的公众账号里的游戏过于简单，觉得恐怕无法与原生游戏相比。其实我们挑选这批游戏确实以简单，上手较快，量级轻便于打开为目的，方便玩家快速体验。其实随着手机和浏览器的发展，HTML5能够表现出来的东西已经足够丰富。而在下阶段我们会陆续推出画面精美，体验感更强的联网大型社交类游戏。

2) 打开时间过长，网络不好时候需要等待

部分用户感觉打开游戏的时候加载时间过长，尤其是在网络不好的情况下，很多玩家因为无耐心等待而流失。这让我们后来会尽力去想办法在这方面有所改善，例如压缩游戏资源和脚本，尽量使用离线能力，今后的网游也会考虑分阶段下载图像资源。

3) 公众号用户 *** 作繁琐，纯文字菜单的交互方式导致不少用户失去耐心

用户进入公众号后，首先需要输入数字才能得到游戏菜单，在选择类型后打开游戏的图文介绍，还需要点击逗阅读原文地才能进入游戏页、这一系列 *** 作已经让很多玩家失去了耐心。针对这个问题，我们随后想出了不少办法来优化。例如用在文字信息中嵌入短域名链接，设置游戏编号让玩家快速记忆等等。我们非常期待的底栏Tab菜单能够早日启用，让玩家可以直接点击菜单找到自己想要的游戏内容，同时也提个小建议，是否支持回复文字信息内嵌入游戏图标，以便让用户体验更好。

4) 微信内置浏览器无法全屏，也无法控制屏幕旋转

苹果的Safari浏览器和不少第三方浏览器已经都实现了全屏和控制屏幕旋转的接口，但微信内置的浏览器目前还不行。这样非常影响了手机网页游戏玩家的体验，尤其是一些需要横屏控制的游戏，画面的可视部分就会变得很窄小，甚至遮挡了部分 *** 作导致游戏无法继续。我们呼吁微信内置浏览器可以尽快提供全屏和控制屏幕翻转的API接口。

5) 从游戏切换回聊天界面，却无法再直接返回游戏状态

手机网页游戏主要是利用玩家在社交平台的逗沉默时间地来进行的，这点与原生app游戏不同。这些时间多数是指玩家暂时没有聊天信息，而又不愿意离开社交平台。这些时间往往是以碎片方式存在的。而用户在进行微信游戏时，如果接到好友消息就会返回到聊天界面，结束聊天后再回到游戏就必须重新加载。我们希望今后的微信的内置浏览器可以在这方面优化。在后台挂起状态，而用户返回后再重新恢复，以方便玩家在聊天界面和游戏之间自由切换。

6) Andriod手机自带浏览器对HTML5支持太差

很多用户反应部分游戏出现无法启动，白屏或者性能太差等问题，经过回访和调查却发现都是Andriod自带浏览器惹的祸。由于Andriod系统过于开放，各家厂商针对ROM进行了程度不一的改造导致浏览器标准非常不统一，对HTML5的支持很差。建议微信可以考虑在Andriod版本中摒弃系统自带浏览器而采用第三方浏览器，性能更好，对HTML5支持更加彻底，从而缩短与iOS平台的差距，确保用户体验的一致。当然在谷歌内部也会出现Chrome OS部门合并Andriod，这对HTML5继续普及都是利好消息。

7) 开发平台接口较弱，无法满足社交游戏需求

当前微信公众平台开放的接口还是比较弱，用现在的平台提供的能力无法承担作为手机网页游戏平台的需求，尤其是希望开放账号登录，游戏内发送微信，朋友圈，添加好友等社交接口，甚至还包括支付接口。我们下阶段希望在休闲游戏内实现用户登陆后可以将自己在微信中的社交关系链带入游戏，该社交关系链的价值是可以让玩家可以看到好友在这款游戏的排名，甚至双方也可以互相交换和赠送游戏道具。此外游戏内设置的积分排名也对刺激用户玩游戏起到推动作用。当你看到自己的伙伴能够玩很高的积分时，用户的攀比心理会让他陷入到游戏的竞争乐趣中。用户的积分如果超过了朋友，他还可以将这些信息一键分享到微信中，以此向朋友进行一番炫耀这些能力来提升游戏的可玩性和粘性。

HTML5游戏是通过html+javascript+css技术开发的游戏，属于网页游戏，可以运行在HTML5的网页浏览器中。运行HTML5游戏，需要一个支持HTML5的网页浏览器，比如IE10或11，google的chrome浏览器，火狐firefox，百度浏览器，或者QQ浏览器，猎豹浏览器等CHROME内核的浏览器。下载的HTML5游戏文件解压后，文件夹中会有一个后缀为html或者htm的文件，应该是在根目录下一般以index.html命名。其他文件可能有js后缀，css后缀，或者图片，请保持相对位置不能动。然后按下面方式运行那个html文件：方法1：打开浏览器，将html文件拖拽到浏览器中。方法2：在文件夹中选中html文件，点右键，在菜单选择“打开方式”，然后选择火狐、Chrome浏览器、或者上述所说的百度浏览器、QQ浏览器、猎豹浏览器即可。

Turbulenz

Turbulenz是一个开源的HTML5游戏引擎，提供了可以运行在Windows、MacOS、Linux上的SDK，允许开发人员创建高质量和硬件加速的2D、3D游戏。包括以下功能：异步资源加载、进行特效和粒子渲染、支持物理效果、碰撞检测以及动画、3D音效支持、支持网络交互以及社交网络分享、场景和资源的管理。

优点：

1. 功能强大，同时支持2D和3D

2. 基于MIT协议的开源引擎

Construct2

Construct 2是一个运行于Windows平台的游戏制作工具，它可以让没有任何编程基础的用户在短时间内不写一行代码快速开发出一款可运行于所有平台（Windows、Mac、Linux、Android、iOS等）的游戏。版可以将游戏导出成HTML5。收费版本分为个人版（79英镑）和企业版（259英镑），可以导出所有平台的版本，同时提供了更多的特效和音乐。如果使用该工具盈利超过5000美元，需要升级到企业版。

优点：

1. 简单易用，可实时运行游戏

2. 强大的事件系统，可以不通过写代码来控制游戏逻辑

3. 提供了可编程扩展的接口

4. 提供了大量特效，支持物理效果

5. 支持所有平台

6. 完整的文档以及社区支持

缺点：

不如直接写代码灵活

ImpactJS

ImpactJS是一个基于JavaScript的HTML5游戏引擎，同时支持PC和移动平台浏览器。它是目前除了Construct2之外最受欢迎的HTML5游戏引擎，使用需要支付99美元。

优点：

1. 提供了灵活的关卡编辑器，可以快速构建游戏地图

2. 提供了强大的调试工具

3. 提供了Ejecta可以将JavaScript的执行结果通过OpenGL渲染出来，可以在iOS平台上获得与原生应用相近的效率

4. 文档齐全，有两本专门介绍ImpactJS开发的书

5. 支持物理效果

6. 支持自己编写插件来扩展

App Store游戏

1. Biolab Disaster

2. Drop JS

Cocos2d-html5

Cocos2d-html5是一款基于Cocos2d-x API的2D开源HTML5游戏引擎。它目前通过canvas进行渲染，将来会支持WebGL。它由国内Cocos2d-x核心团队主导开发和维护，行业领袖、HTML5大力推动者Google为这个项目提供支持。同时，Zynga、Google等大公司的工程师也参与到它的设计工作中。

优点：

1. 与Cocos2d的API类似，容易上手

2. 中文文档齐全，资料丰富

3. 基于MIT协议的开源引擎

H5edu教育html5开发解答

---