怎样做好一个基于微信传播的 HTML5 互动页面或游戏？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="7分享邀请回答8811 条评论分享收藏感谢收起endgame.duapp.com/ ，并且也开发并上线了第一款轻游戏 native app 游戏盒子，目标是成为手机上的 4399。下面简单分享自己的经验。一、游戏特点我们做传播量大的微信 H5 游戏特点：速时。这点居然没人重点提。游戏要 1 分钟甚至是 30 秒内可以玩完，神经猫，疯狂手指，数钞票，房祖名无不属于这类。疯狂手指甚至短到了 10 秒，如果你在网上搜，可以搜到 10 秒 600 次的视频。简单。到迄今为止能火的都是快餐类游戏，特别为开发人员所不屑。但现在轻游戏几百款传播量最大的都是不需什么智商的游戏，这是现实。这点很多人也都意识到了，不多说。竞技。这部分体现在分数，例如传播文案，xx 分，超过宇宙 xx% 人之类的。还有本地存储分数等，稍复杂一点可以加入排行榜，这点加分项，不是必要条件。抓热点/拼创意。疯狂手指创意来自于一个工程师，另一工程师开发 1 个小时上线，第二天就快千万流量，创意爆款可遇不可求。房祖名，冰桶则是抓热点事件，通过疯狂手指，黑白格，找你妹等游戏变化得出，对实事热点的包装是更靠谱的一条路，我们后来的原创打老虎也是类似思路。这是运营、市场所擅长的事，或者头脑风暴也不是不可以。这点的要素是——及时。不及时无价值。种子流量。这... 也居然没人提，没有种子流量能火，肯定是运气，神经猫是其一。疯狂手指则是由种子流量带入，种子流量带了 10-20w，这是火的前提。这里我可举另一例，由我们开发的《百度移动 移动版数据可视化报告》，短短 5 天 阅读量过百万，算是史上传播最广的数据报告，也是由种子流量带火的案例。怎么找种子流量？可以找我们轻游戏的聚合页合作，是个很不错办法。传播重点在运营，不在技术。有说移动技术门槛、兼容什么的，以我这么多年前端工作经验，这不是关键问题。除了象移动端数据可视化在「设计」与「技术」都有门槛，其他传播量大的页面都不需特别高深的技术。二、游戏价值传播是做流量的手段。最后流量上了之后，还是要 用户 及 变现，在这两点上简单说下我的经验。1. 用户沉淀巨大的流量做用户沉淀，方法也很简单，说常见的 2 点：公众帐号。公众帐号的用户是游戏类型，也只能做游戏相关。那无非是游戏推荐，或者是游戏内容的攻略之类的。而且，要注意推内容的质量，每一次公众帐号内容的推送，就是你掉粉之时。导入到端。端是一个很好的入口，端的目的都是让用户可任何时间/任何地点不用下载玩轻游戏。还可以用推送消息的方式做新游戏的推广。就现在我们的 App 日活情况，有 20%-30% 左右，已算不错。前一种是给腾迅打工，后一种成本高。谈谈转化率，公众帐号从经验来看，一般是 1/1000，而导入到端则是更低，从这点可看出日活高的 App 砸钱真是非常的狠，App 渠道分发的水很深，不太成熟的 App 砸钱冲日活，真... 就是炮灰了。2. 流量变现流量变现方式最成熟的商业模式就是卖广告，PC 端按 CPM（每千展现） 模式成熟。移动上玩法则不一样，常见是用 CPA （点广告下载应用，按每个激活）方式来算钱，而 iOS 上无法实现 CPA。退而求其次，按 CTR（点击率）来看效果，CPA 的高低与 CTR（点击率）相关，两者成正比。但微信 WebView 是封闭的，是黑盒。无 cookie 的话无法做精准推荐，准确度下降收益降低。所以只能自己找后向公司谈广告，这就考验商户扩展的能力了。举个例，象疯狂手指的中间的圆，商务扩展牛逼的话，可以把它卖给某商家放他们的品牌展现。除此之外，微信里的链接可以跳转到 app store，但无法直接下载 apk 文件。在微信里下载 apk 都是让你点击右上角用浏览器打开该页面，然后再下载。这坑爹的流程决定了你有牛逼的 CTR 但 CPA 转换率也很差。为什么有这个结论？H5 游戏-》推荐 APP 游戏/浏览器 模式在 PC 模式是否靠谱？这几乎是肯定的，这种套路已经养活了象 4399 这样的站点。所以模式放在移动上也同理会转化率高，但无奈于在微信里下载 apk 的体验太差。综上所述，在微信里要导出它的用户非常难，性价比高的模式还限于只在微信圈里玩流量展现，即品牌曝光或是内容曝光，这种模式适用于大公司。三、最牛逼的微信游戏最后，我要告诉诸位的是，公众从传播范围来看，只看到神经猫一个。而轻游戏里传播量最牛逼的是——「黑白块」。从黑白格到打苹果，按红牛和加多宝，几乎每个角落。总结H5 游戏盈利模式，即开发者如何获得收益还需时间探索，微信朋友圈的游戏可以作为一种很好的运营工具来使用，规模化需要时间沉淀，各大公司对游戏的聚合平台都在观望。但从技术上看，随手机网络更好，H5「轻」优势相比 App 显然是更利于用户，开发成本也相对低，我看好轻游戏，相信它一定能给游戏行业带来很大的变化。扩展阅读：准备之后巧合 — 「疯狂手指」亿 PV H5 游戏思考7811 条评论分享收藏感谢收起HTML5移动游戏能复制网页游戏的成功吗？
搜狐IT 文/企鹅生态
尽管张小龙本人也承认对HTML5游戏在微信中的传播进行了限制，但这并不妨碍HTML5游戏的快速崛起。
在企鹅生态接触的开发者中，HTML5移动游戏开发有两个截然不同的方向：帮助企业做营销、赚代开发钱的轻度HTML5游戏；押宝未来，寄望道具收费的中、重度HTML5游戏。
支撑后种理念的最主要逻辑是：在PC上，网络游戏市场最终在端游外，形成了网页游戏，而手机端在App之外，随着HTML5技术和手机性能的发展，也将会在App游戏外，再出现一个量级差不多的HTML5移动游戏市场。
目前来看，轻度HTML5游戏已经在快速赚钱了，重度HTML5移动游戏虽总体仍存在于纸面上（也有H5游戏通过QQ空间获得百万月流水了），而互联网巨头们包括小米基于MIUI、腾讯基于QQ空间、QQ浏览器等，已经开始纷纷在这个领域加码。
轻度H5游戏开发者认为：HTML5游戏消费的是手机端富余流量，利用的是用户的碎片时间，这很难支撑做道具收费的中度、重度手机游戏。
比如在圈内很有名的H5游戏开发公司磊友，如今就已全面转向为企业服务、赚TO B钱的轻度H5游戏。
磊友CEO赵霏就认为，对H5游戏爆发已经等了很多年，但仍没有实现。PC平台的7k7k和4399等小游戏平台已经证明游戏的广告流量价值，利用微信做社交传播的轻度HTML5移动游戏更有前景。
据了解，在《围住神经猫》后，很多企业都希望在H5游戏中植入品牌进行营销，且付出的开发费用不低。有开发者透露，目前H5小游戏开发报价稳定在数万元，但对于开发者来说，其工作量其实很低，两三个人，十几个小时就可以完成开发。
而另有开发者表示，HTML5移动游戏开发工具、素材已非常丰富，很多时候，甚至将游戏换个皮就交给客户了。实际上，目前来看，轻度H5游戏开发正逐渐向微信公众号、企业移动网站代开发靠拢，重合度越来越高。
重度H5游戏开发者则认为，HTML5对手机游戏产业带来的变革是根本性的，中度、重度H5游戏爆发的技术障碍已经愈发减少。而未来手游市场将出现App与H5分庭抗礼的状况，其中App以大型3D手游为主，而H5游戏则是常规形态。
有开发者甚至比较乐观的认为，首个依靠道具收费赚钱的H5游戏最早在今年春节就会出现，而一旦出现爆款游戏，所有的CP都将跟上，HTML5移动游戏真正的爆发也将开始。
作为这一观念的坚定支持者，HTML5移动游戏开发引擎“白鹭”的联合创始人张翔就表示：中度、重度H5游戏爆发的客观条件已经成熟了，引擎目前已经可以实现类似《全民飞机大战》的弹幕射击、卡牌等类型的游戏开发，在明年就可以支撑《刀塔传奇》量级的游戏开发。
张翔认为，H5游戏给手游市场的变革是更深层次的，H5游戏将打破传统应用分发渠道的强势地位，形成任意App的富余流量有效变现，比如未来陌陌、微博、墨迹天气等App都可以增加一个模块，实现HTML5游戏的流量变现，这正是网页游戏的联运玩法。
巨头正从底层争夺HTML5移动游戏标准
相比于投资价值不高的轻度H5游戏开发者，互联网巨头显然对代表未来方向的重度H5游戏开发更感兴趣，而在市场在早期阶段时并没有什么优质CP给巨头投资，所以互联网巨头们更乐于进行圈地和标准制定。
对于巨头的早期关注，有从业者这样指出：巨头对用户的行为数据积累更丰富，很了解用户流量消费方向的转移。尤其是小米，其在硬件和通信领域有耕耘，对手机硬件的成熟、4G通讯技术的发展有着精准的判断，而这两项技术发展其实是H5游戏爆发的先决条件，所以小米也对HTML5中、重度游戏开发最看好。
而小米确实出招最早，今年拿出千万美金投资上文的白鹭引擎，将白鹭引擎的运行环境放入到所有小米的手机、平板和MIUI当中，而同为雷军系的猎豹移动旗下的浏览器、清理系列大师产品也将开始利用HTML5游戏做流量变现。
腾讯最近也推出了X5浏览器内核，HTML5游戏标准也是其关注的方向。而QQ空间实际已在利用其富余流量联合CP做HTML5游戏变现，曾李青投资的一家CP就通过“玩吧”获得了每月百万量级的流水。
对传统手游规则的最大受益者——应用分发市场来说，面对可能打破规则的H5游戏，则也动作频频，包括360手机助手、腾讯应用宝也都在关注这一领域。
腾讯应用宝的负责人林松涛此前在接受企鹅生态采访时表示，基于H5技术的成熟，应用宝正在做游戏产品的内容外显，将手机游戏部分内容，比如第一关，直接呈现在应用市场中试玩。
360手游事业副总经理姜祖望也表示，我们也在跟进HTML5移动游戏，拥有目前流量最大的HTML5游戏页面（u.360.cn），但鉴于整个市场还不成熟，也是边走边看。
最后总结下：在《神经猫》这个爆款之后，H5游戏爆发已经不再是设想，而是事实，但爆发的只是轻度H5游戏。至于中度、重度H5游戏何时真正爆发还真没人知道，但互联网巨头们显然正在为此做着准备。
免责声明：本文仅代表作者个人观点，与环球网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
24小时点击排行
12345678910
24小时跟贴排行
环球时报系产品4399游戏盒下载
时间：15-04-29
作者：4399小编
| 浏览:0次
近几年移动游戏的高速发展，各大游戏厂商也纷纷投身移动游戏市场，玩家的口味也愈发挑剔，在移动游戏精品化和重度化趋势尤为明显的2015年，还有另外一股力量正在悄然形成，那就是HTML5移动游戏。
2015年Q1季度针对HTML5游戏的监测数据显示，HTML5游戏中有53%是休闲益智游戏，37%是RPG游戏，而其他类型的游戏所占比例几乎可以忽略不计。但在研游戏中，游戏类型正趋于多样化，动作冒险、策略、棋牌等游戏数量已经具有一定规模。
HTML5游戏开发门槛较低
另外，HTML5游戏目前相较原生游戏而言在游戏留存水平方面暂时还较低，但是基本符合留存规律。角色扮演、棋牌、休闲益智这三种类型留存率较高，策略类游戏相较其他类型有着非常出色的次日留存和七日留存的表现。在单次游戏时常方面，角色扮演，策略，以及音乐类游戏都表现出色，高于HTML5游戏的单次平均时长574.3秒，以及每日游戏时常864.8秒，非常接近原生游戏。
对移动游戏从业者的调查显示，有60%的从业人员表示已经进入HTML5游戏产业，有35%表示正在考虑，而对HTML5游戏持拒绝态度的从业者只有不到6%。在已经进入HTML5游戏行业的从业者中，有60%为开发者，20%为平台商，12%为发行商，还包括6%的引擎提供商，其他诸如测试服务提供商，第三方支付提供商等也相继加入，相比原生移动游戏行业初期准备更加全面，整个体系也更加成熟。
相比原生移动游戏开发，开发者对待HTML5游戏的态度也更加自信和激进，他们多来自移动团队和页游团队。当然，也有相当一部分人之前没有游戏开发经验，由于HTML5相对较低的开发门槛从而加入到HTML5移动游戏的开发中来，并着手开发类型多样的游戏。就原生游戏而言，由轻度休闲游戏到重度游戏的发展需要一定的时间累积，而HTML5游戏在进化道路上却是跳跃性的。不少开发者在尝试了第一款轻度游戏的开发之后，直接转向中、重度HTML5游戏的开发工作。
HTML5游戏类型分布
HTML5游戏轻量化的特点，让其在平台和流量入口方面有更加丰富的选择，潜力十足。相较于原生游戏只能够从官方在线商店以及各大应用下载平台获取，HTML5游戏更加广泛的覆盖了浏览器以及热门社交应用。
可观的前景吸引了不少移动游戏大厂和引擎开发商的注意。随着Cocos2D-js、白鹭引擎为首的各大引擎厂商加入，2D游戏的开发方面将逐步接近于原生游戏的水准，也有更多的原生游戏将发行HTML5版本，比如《摩尔战记》和黑桃的《古龙群侠传》就是很好的例子。
各个企业更是早就入手了HTML5领域，触控科技陈昊芝曾表示，触控在几年前就看到了HTML5可能的发展势头，而从2015年开始HTML5游戏开始出现真正的市场机会。
白鹭引擎陈书艺对于HTML5的未来也是信心满满。他表示，目前HTML5拥有了爆发的基础。目前白鹭引擎内部已经开始测试其引擎和工具的3D支持，一旦成功，带来就是未来HTML5游戏在内容上的进化。可以说，精品化，重度化甚至3D HTML5游戏都已经箭在弦上。
在2015年的中国游戏开发者大会(简称CGDC)的引擎专场上，将有多家企业的演讲题目围绕HTML5游戏展开。相信伴随着一年一度的游戏投资热，一大批投身HTML5游戏的公司将迅速诞生，从而加速大制作产品的诞生频率。
HTML5移动游戏和原生移动游戏享受同等的人口红利却有着更加广阔的市场空间，绝大部分的开发者和其他从业人员对于HTML5游戏的前景都持一个比较乐观的态度。HTML5游戏成功作品已经开始出现，在2015年，HTML5游戏将向着更加多元化，重度化，精品化的方向发展。
更多游戏资讯，尽在！
看精彩攻略秘籍，玩海量精品手游
扫一扫，用手机随身看！
用微信扫描还可以
分享至好友和朋友圈
扫一扫，用手机随身看！
用微信扫描还可以
分享至好友和朋友圈
扫一扫二维码
微信号：yingyan_43991、API介绍
HTML5 API是原创平台专门为HTML5小游戏推出的一系列API的集合，包括积分排行榜API、广告API两种。开发者可根据游戏实际需要自主决定选择哪一种方案：
1、游戏正常接入原创平台，不需要修改任何代码，不需要添加地址，直接上传即可。
2、游戏正常接入原创平台，并且需要使用平台提供的API接口（如积分、广告），需要添加API地址，并同时调整添加API接口代码。
原创平台HTML5开发群：
2、使用案例
2.1.积分排行榜API案例
2.2.广告API案例
3、添加步骤
在添加4399HTML5 API前，请先在页面&body&标签下加入以下代码
&script src="http://h.api.4399.com/h5mini-2.0/h5api-interface.php"&&/script&
以下接口示例都是在JS中使用
3.1.进度API
展现4399播放页，控制进度条进度的方法。
（1）游戏没有自带进度条及UI时，请调用此进度并提供对应的进度值，保证进度值达到100时进入游戏时，游戏处于等待玩家进入的准备状态。
（2）游戏有自带进度条及UI时，可不添加此进度条API。
* 控制进度条播放进度
* @param num
播放进度，值为0到100
window.h5api.progress(50)
3.2.积分API
3.2.1.提交积分到排行榜
* 提交积分
* @param score
需要提交的积分
* @param callback 提交积分完成或失败时回调的函数
window.h5api.submitScore(123, callback)
* 此callback回调函数的形式
* @param obj 提交状态
function callback(obj){
console.log('代码:' + obj.code + ',消息:' + obj.message + ',数据:' + obj.data)
if(obj.code === 10000){
console.log('上传成功')
console.log('上传失败')
3.2.2.获取排行榜
* 获得排行榜
* @param callback
获取排行榜完成或失败时回调的函数
window.h5api.getRank(callback)
* 此callback回调函数的形式
* @param obj 排行榜数据
此callback回调函数的形式
function callback(obj){
console.log('代码:' + obj.code + ',消息:' + obj.message + ',数据:' + obj.data)
if(obj.code === 10000){
console.log('获取成功')
var data = obj.data
for(var i = 0; i < data. i++){
console.log('积分:' + data[i].score + ',排名:' + data[i].rank);
console.log('获取失败')
3.3.广告API
添加此API需提前跟商务联系，qq：。广告API相关规范案例：、
3.3.1.此接口返回当前是否还有广告资源可播放，开发者应根据此接口确定是否需要展示播放广告的按钮及相关游戏流程。
* 是否可以播放广告
* @return boolean 是否可播放
window.h5api.canPlayAd()
3.3.2.播放全屏广告，并获得广告播放状态。
PS:当广告被浏览器自带或净网大师等工具拦截时，依然返回广告异常错误的状态码。
* 播放全屏广告
* @param callback
播放广告时的广告状态回调函数
window.h5api.playAd(callback)
* 此callback回调函数的形式
* @param obj
function callback(obj){
console.log('代码:' + obj.code + ',消息:' + obj.message)
if(obj.code === 10000){
console.log('开始播放')
} else if(obj.code === 10001){
console.log('播放结束')
console.log('广告异常')
4、常见问题解答
4.1.原创平台对HTML5游戏有什么要求？
游戏内容需原创，尺寸不能过大，需控制在800*600之内，并且适配主流手机屏幕，需要添加原创平台HTML5游戏基础API服务。
4.2.原创平台积分排行榜服务需要用户登陆吗？
目前原创平台为HTML5游戏提供的积分排行榜服务采用匿名提交方式，用户无需登录即可提交分数。
4.3.关于其他引擎调用4399H5API接口的说明和案例。()
4.4.HTML5游戏如何测试？
开发者在添加完H5API的相关接口后上传到原创平台，即可预览测试H5API的添加使用是否正常。
4.5.更多HTML5常见问题见解答 。怎样做好一个基于微信传播的 HTML5 互动页面或游戏？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。<strong class="NumberBoard-itemValue" title="被浏览<strong class="NumberBoard-itemValue" title="7分享邀请回答8811 条评论分享收藏感谢收起