优秀设计联盟-SDC-优设网-设计师交流学习平台-听讲座，聊设计，找素材，尽在优设网
下一篇 继续涨姿势
阅读本文需 22 分钟
那些百万PV的H5都是怎么做的？精心打造的H5要如何推广？H5技术将如何发展？本文一一为你解答 &&&
作者微信号，欢迎关注：Social Talent
对于H5这个名词想必大家已经很熟悉了，就在2014年，一项本来还不太成熟的技术在微信的社交舞台下大放异彩，让我们见识了“移动+社交”爆发的巨大能量。
然而这不是偶然，而是趋势。在具体介绍H5营销之前，我想和大家分享一份eMarketer的数据，其中显示了2012年-2018年品牌在不同媒体渠道的预算比重：
相比电视、杂志、户外广告等传统媒体呈逐年下降的趋势，品牌营销在数字和移动方面的投入在逐年上升。而且，在所有渠道预算中移动技术的投入增长最快，远远高于其他渠道的增长。当然，这样的结论你应该不会感到惊讶，因为我们早已习惯了24小时手机陪伴的生活，而品牌最关注的就是消费者“在哪”的问题。
据美国的调查数据显示，我们每天要查看手机150次，44%的人睡觉都把手机放在身边，9%的美国人承认他们在嘿咻时使用手机……毫无疑问，手机是有史以来最强大的媒介，从早上醒来到临睡前的一秒，这个几英寸的屏幕都在和我们“交流”。
显然，移动营销已是大势所趋，我们可以看到已经广泛应用的签到、二维码技术，正在兴起的iBeacon、微信的Wifi连接，还有就是本文将与大家分享的H5技术。文章有点长，可能需要费些时间阅读，全文包括：H5技术简介及其特性，怎么实现、有哪些应用场景，以及如何推广等内容。
什么是H5？
经常有朋友找我咨询H5的问题，但是在和他们沟通的过程中，我发现很多人对H5的理解都是停留在用户层面，邀请函、小游戏、品牌展示、抽奖等等。其实如果上升到营销层面的话，仅在用户层面去思考是远远不够的，因为任何传播都要考虑有效性的问题，如果100w pv带来的只是刷屏效果，而对品牌带不来任何有效转化，这样的传播显然是不成功的。
对于事物的理解，如果不能从多个角度去分析，我们很难跳出原有的思考框架去看问题。因此，这篇文章我想以更原始的角度，从H5这项技术本身为出发点去阐述；事实上互联网技术的发展本质上也是需求驱动的，程序语言其实是高于应用层面的产品。以下的内容希望不会太晦涩，也希望能对你有所启发。
简单来说，H5就是一种高级网页技术，我们平时看到那些邀请函、小游戏都是H5网页，确切来说叫HTML 5（国外目前没有H5的叫法），它跟我们平时上网看到的那些网页本质上没有任何区别，只不过大家普遍接受的那个网页技术版本是HTML4，而这个版本是在1997年发布的。
什么是HTML，我这里简单解释一下——想象一下两个计算机在沟通的场景，A如果要把一个图文信息传给B的时候，交流过程中B肯定会产生这样的问题：你给了我那么多信息，哪些是网页标题、哪些是正文、哪些又是图片呢？于是，A和B商量了一个办法，用一些符号来标记不同类型的内容，而这些标记的一整套规范就是HTML。
比如当A要把图文的标题传给B的时候，最终给B的表达是这样的：
&title&品牌H5营销完全实战指南&/titile&
如果设计HTML语言的人是中国人，那表达就会是这样的：
&标题 始&品牌H5营销完全实战指南&标题 终&
所以大家可以看到，HTML其实是一项非常人性化的发明。关于HTML技术的详解有兴趣的读者可以自行查阅，这里我主要跟大家介绍几个营销人应该关注的H5特性，它能让你对H5能做成什么样有个根本的认识。
No.1 绘图功能（Canvas、SVG）
这是H5一个非常重要的特性，你在很多H5中看到的动画效果就是用H5的绘图功能做的，比较典型的例子是STC风云榜分享的可口可乐的例子。
可口可乐的例子参见：
为了方便理解，你可以将H5的绘图功能类比为Flash，但是唯一的决定性区别是，Flash做出来的动画无法在移动端的浏览器中浏览，因为Adobe早已在2012年就停止了对移动端flash的开发。毫无疑问，未来的移动网页游戏和动画会是H5的天下。
从技术实现的角度，H5配合JS（一种程序语言）可以做出任何二维动画，并且因为是网页元素，所有元素均可以监测到用户点击的数据，也就是说你可以知道用户在H5动画网页中的所有交互行为。但是，具体到实际应用，我们就要考虑周期、成本，和用户体验的问题，复杂的动画相应的制作周期和成本会提高，同时也有可能影响加载速度等用户体验相关的问题。
以下这个网站是H5绘图功能的典型例子，非常强大。你可以选择不同型号的毛笔、笔触半径以及墨水的颜色，整个绘图过程非常顺畅，而且还有一个模拟手握毛笔的人性化设计。
No.2 三维效果（CSS3、3D）
H5的华丽效果离不开一种叫CSS的技术，形象的说，如果把HTML5比作漫画的素描稿，CSS就是上色用的，相当于word界面上方的格式工具栏，如果没有CSS我们看到的H5网页就只能以“素颜”见人了。如果你熟悉互联网技术的命名规则你应该能知道CSS3就是CSS的升级版本。
在CSS3中有个非常酷的功能是三维渲染，也就说H5中能做出3D动画甚至3D游戏。目前我们看到的H5中CSS3 3D的应用较少，这个也许会是下一个营销类H5应用的热点，建议大家持续关注。
下面这两个网页游戏就是用H5+CSS3 3D做的，第一个是俄罗斯方块的3D版，想象一下在三维的空间里玩俄罗斯方块是什么感觉，喜欢挑战空间想象力的朋友可以试一下；第二个游戏是3D版坦克大战，非常精致耐玩的游戏，一句话评价就是“根本停不下来”。
PS：以上提到这些网站都需要在PC浏览器中打开，虽然麻烦一些，但绝对是值得的。（建议谷歌/火狐）
No.3 离线存储（HTML5 Web Storage）
H5的另一个重要特性就是离线存储，它能将用户的资源文件保存在本地，这样在页面加载的时候网页能使用本地资源，从而实现离线状态下访问网页应用。举个例子，通过离线存储，你可以在没有网络的情况下阅读公众号的文章（当然这只是技术上可行，微信目前没有此功能）。
当然离线存储能容纳的数据量是有限制，跟浏览器有关，目前Chrome支持5M。大家或多或少都知道Cookie这个东西，它也是记录用户浏览数据的，比如百度那些根据你的搜索习惯给你推荐的广告就是这种技术实现的，不过它的容量是4k。
技术细节大家可以忽略，但是关于离线存储这个功能，大家可以发挥想象——假设离线存储的容量是100个G甚至更多，浏览器就变成了一个超级应用入口，所有网页应用都具备离线存储和在线浏览的功能，这时候在线Office、在线记事本甚至在线PhotoShop都可以实现，我们的电脑只需要装一个程序——浏览器。在这个假设中，浏览器将干掉Windows，一切用户操作都在云端进行！稍微有点难理解，大家可以仔细体会。
以下是运用离线存储的一个例子，这个提供在线便签功能的网站无论有没有网络都可以访问，并且你记录的所有便签都会保存下来，很实用的网站，有兴趣可以试一下。
科普先告一段落，虽然H5有很多特性，但因为篇幅有限，本文只能介绍跟营销有关的内容，其他的特性很多是程序猿的事，如果大家反馈还要了解更多，我可以再写一篇具体介绍。
Part 2 H5能怎么玩？
在了解完H5的一些基础知识后，相信大家最关心的还是应用层面的问题——H5能做什么，有哪些玩法？接下来我将列举一些典型的例子和大家探讨：
1. 幻灯片式玩法
以下这个特斯拉的例子相信很多人都看过，精美的图片设计+简单的翻页效果，在我的印象中大概3、4月份看到特斯拉这个H5的时候，大家还不知道原来微信营销可以这么玩，记得那时候我们看到之后就在一周内做了一个类似的H5，用于STC的品牌展示。当然，在这之后H5就千树万树梨花开了。
这是H5最早期也是最典型的玩法，因为简单、实用，所以至今还很流行。其效果就是简单的图片展示&翻页交互，最终整体的表现很像幻灯片展示。
其实幻灯片式的H5现在已经出现了很多在线制作软件供大家使用，所以制作成本在现在看来几乎是等于零的，而在之前这样一个应用的开发可能要将近一万（再一次见证了互联网思维的破坏力）。当然啦，这对于品牌主来说是一个好事，因为很多时候这种简单的展示已经能满足需求了，不需要花不必要的钱。
★ 应用场景
由于制作简单，周期短，这种H5展现形式适用于频繁、小型的需求。用在线编辑器的话，不需要任何开发，你只需要要配备一名设计和文案。（老规矩，需要在线H5编辑器推荐的，可以在后台留言）
总结得不全，幻灯片式H5可能有以下的应用场景：
1、定期发布的内容，几乎零预算。这些内容相对而言比较常规，但是有时微信图文又无法达到理想的效果，通过H5的形式会更易于传播，当然前提是要有好的设计。比如数据报告、频繁上线的新产品或功能、小型线下活动邀请、活动相册等等。
2、结合热点的营销，周期极短。这种情况下，时效性是非常重要的，如果开发一个H5用了半个月，热点想必也结冰了。所以，应该以最快的速度推出才是明智的选择，而这时候引起广泛传播的关键就在于文案和设计。
此外，大家不要轻视这种短频快的传播，有时候它要比很多大投入的传播来得有效。没有人能完全掌握受众的兴趣点，所以一次大投入的传播不一定就能出效果，但是多次热点传播出效果的概率从统计学的角度也要高一些。如上文所述，我们可以实现用户在H5中所有交互行为的监测，因此，如果短频快的传播能配合有效的数据监测，便可以进行持续优化，降低不确定性。
2. 交互式动画
可口可乐这个案例在之前的风云榜中推荐过，是运用H5绘图功能的典型例子。当然这里面的交互还是比较简单的，只不过它基本体现了交互式动画的感觉。整个可口可乐的时间轴是随着用户向上滑动页面“绘制”出来的。
其实除了这种叙事型的H5动画，我们能看到的大多数H5游戏也都都属于这一类，比如神经猫、打企鹅、2048等等。最近也有一个比较火的H5游戏叫“财务包子铺”，在这个游戏中用户扮演包子铺的创业老板，在事业发展的不同阶段做出经营决策，最终登上人生巅峰。虽然游戏中植入了赤裸裸的产品推广（知乎的一本新书），但最后还是取得了3天破300万PV的成绩。
这些类型各异的H5应用，本质上都是基于H5的动画技术做的。它们所涉及的相关动画技术主要有H5的Canvas/SVG，以及JS、CSS3，目前大部分H5的动画效果还是用JS实现的，实现的效果类似PPT中的动画功能，只能实现元素的平移、旋转、隐现等等。事实上通过JS+Canvas/SVG+CSS3可以实现非常复杂的交互式动画，最直观的就是H5游戏，比如神经猫，还有上文提到的3D版坦克大战。
那么，H5到底能实现什么样的动画效果呢？我想这应该是大家在做H5时最头疼的问题，因为不知道能做成什么样，你也就不知道从何下手。所以下面我给大家介绍一个网站：，在这个网站中，你几乎能看到所有H5能够实现的动画效果，下次如果需要做H5的时候就可以跟开发说“你看，就是这个效果”。
以下是该网站上几个示例的截图：
抓绵羊：你可以在奔跑的羊群中随意抓取并放到任意位置
种树：在屏幕任意地方点击都会在相应的地方种一颗树，你可以看到树的生长过程。
3D罐头：CSS3 3D的完美展示，你可以看到三维罐头的任意角度。
照片处理：你可以把照片艺术化，图示为处理过程截图。
★ 应用场景
交互式动画类型的H5制作周期和成本比较高，需要提前规划。除了创意、文案、设计这些以外，开发周期较长，优质的H5大约在两周到4周左右，也有可能更长。
这种类型的H5要找靠谱的供应商，因为复杂交互做出来的效果，在用户看来只有完美和垃圾两种层次，所以慎重。当然如果你自己要花血本自建团队也不是不行——产品经理、设计师、前端工程师、PHP工程师（涉及表单、登录、评论等元素的时候需要），各一枚就够了。
以下是总结的应用场景：
1、中小型活动/品牌事件的传播，预算不多、周期较短。这种情况一般就是某些新品发布、企业招聘、公关事件、中型会议等的传播。此时你需要权衡周期和成本的因素。
一般来说一周以内的时间不太可能做出优质的H5，这时候你可能要考虑幻灯片式的简易开发或者参考已有的作品，然后着重从设计和文案上下功夫。如果有一到两周的时间可以尝试做一些轻交互的H5，除了常见的那些平移、缩放、淡入淡出的动效以外，在这里我比较建议大家尝试一下CSS3 3D的效果，这是一个趋势，当然成本也会相应的上升一个量级。
2、大型活动/品牌事件的传播，预算充足、计划性强、周期较长。一般大家看到的那些美轮美奂并且极具传播性的H5基本上都属于这一类，比如上文提到的可口可乐“分享快乐128年”，以及我们之前分享过的潘婷“一封来自1947年的明信片”。像这一类在美学、交互和故事性上都表现突出的案例，都不是一两周的功夫能做出来的，不计算创意、设计和文案的时间，光是开发和调试也要小一个月。
因此大家看到好的作品要理性看待，不能觉得很牛或者老板说好就想着也做一个，其实像这种交互与故事一体的应用，如果时间不够只完成一半，整个H5基本是没法用的，也就是所有之前的投入都是无用功。这也是为什么有很多供应商无法在指定时间交付的原因，可能一开始就在做一个完不成的任务。
3. 功能型H5
看一下以下的两个例子，第一个是百度针对地铁涨价做的H5，它可以计算你每天坐地铁要多少钱并且实时显示大家的评论；第二个是STC的社交移动风云榜，很简单，就是精品H5的展示：
这两个H5都有一个特点，除了针对受众的热点内容传播以外，它们很像一个“供用户重复使用”的产品，这就是所谓的功能型H5。其实大家看到风云榜可能会觉得它只是一个再简单不过的网页，但如果从它满足用户需求并产生重复“使用”行为的角度，它其实是一个产品，事实上我们从一开始就是把它当产品来运营的，关注Social Talent的朋友可能会有所感受——每周更新、定期群发推荐H5的图文、栏目更新通知等等。
功能型H5的独特价值在于，除了具备传播性以外，它通过用户的重复使用行为使得H5的传播是一个持续不断的过程，这一点是一般的H5所不具备的。风云榜首次发布时转发6w+多，目前每月的访问量都在10w左右，不算多，但是给我们带来的流量转化都是精准的，关注我们的大多还是从事营销相关职业的朋友。
个人觉得web应用肯定是未来发展的方向，就像上文所说的，很有可能未来的操作系统将被浏览器所取代，服务和应用将进入完全的云世界。当然距离这种假设还比较远，但唯一大家可以放心遵守的原则，就是聚焦于用户需求。
我所说的功能型H5，是同时聚焦于用户需求并且注重传播性的H5轻应用，也就是在设计H5的时候除了考虑传播的问题以外，也要思考如何把它变成一个持续运营的产品。这里面其实是思考角度的问题，从“我要传播什么”到“我希望用户传播什么”的转变。
★ 应用场景
轻交互重功能的功能型H5制作周期较短、成本也不高，成功的关键不在于酷炫的交互，而在于用户需求的把握以及后续的运营。
因此，这一类H5需要的是一名高水平的的产品经理，而以设计、开发为辅。功能型H5目前没有太多成熟的例子，不过我认为离线存储的技术可能会是功能型H5的应用重点，大家可以关注一下。
以下是总结的应用场景：
1、品牌账号的粉丝运营。功能型H5由于具备一定的产品特性，其最大的价值就是提高粉丝活跃度和忠诚度。我们需要根据本身品牌的形象定位以及受众的特性设计功能型H5，要将品牌或产品的功能性特征抽象到生活方式或者精神追求的层次。
举个例子，卖洗手液的可以抽象为健康生活方式，设计一个改善生活健康状态的功能型H5；服装品牌可以抽象为追求时尚前沿，设计一个定期更新时尚潮流资讯的功能型H5。事实上，以粉丝需求为中心的功能型H5将潜移默化的提升品牌影响力，在提升忠诚度的同时带来持续的口碑传播。
2、结合热点内容的品牌传播。这种类型的传播是最常见的，但是往往很多结合热点的H5传播都是一次性娱乐消费，大家看过就忘了。其实如果能从用户需求挖掘和产品运营的角度去思考，许多针对热点的H5传播都有很大提升的空间。
近来大家都喜欢报道习大大和彭麻麻的“私生活”或者非正式领导会晤之类的，如果有人能做一个类似微博“学习粉丝团”那样，定期更新“学习资讯”的功能型H5，想来必火。
Part 3 H5如何推广？
实际上H5可以推广的渠道有限，不像App的推广有各类应用商店的流量。关于这个问题可以说的不多，我仅针对性的提出几点建议：
1、从用户角度挖掘H5的价值点，写一篇软文。通过图文群发来推广H5无疑是最重要的方式，但是如果只是简单硬性推广，比如宣布今天我们上线了一个高大上云云的H5，然后就让用户点击“阅读原文”自己看，显然这种新闻通稿式的推广不会有太好的效果。
一个好的H5一定具备打动用户的价值点，从一个角度切入写一篇软文，无论通过投稿的方式还是大号转发都能给你带来意想不到的传播效果。投入再大再精彩的H5，如果没有好的推广就只能孤芳自赏，所以哪怕是留点推广预算也是值得的。
2、尽你所能利用所有能推广H5的渠道。目前比较常用的方式：通过公众号的图文群发推广、微信群推广、线下二维码推广，以及前面提到的KOL转发和投稿等。这里主要说一下有关微信群的几点建议。
首先，你需要列出所有你能用到的资源，并发动内部人员转发，当然前提是H5做得很棒。值得注意的一点是，每个微信群其实都有自己的定位——工作、生活或者闲聊扯淡，所以为了提升打开率可以适当的为不同的微信群定制转发的文案，比如以上文的STC风云榜为例，对于工作学习为主的群可以是“品牌H5做成这样也是蛮拼的！”，如果是更加生活化的群就可以是“史上最好玩的H5应用，根本停不下来”之类的，但是如果H5的调性实在和微信群的定位不搭，建议不要造成打扰。
3、充分利用“阅读原文”和自定义菜单。由于微信的限制，图文中唯一能跳转的链接就是“阅读原文”。关于如何利用好“阅读原文”有三点小tips：
不要浪费每一篇图文的“阅读原文”，可能的话对于每一篇图文用不同的文案引导点击；
如果你的目的是推广H5，不要在阅读原文的提示之后或者阅读原文引导和正文之间插播公众号的广告；
通过字体或者颜色的视觉跳跃引起读者的注意，而且不要长期使用同一个格式，因为当用户习惯了固定的格式之后会不自觉的忽略这些内容。
此外，自定义菜单也是需要充分利用的功能，一般来说新增粉丝都会浏览一遍公众号的菜单，根据我们的数据监测，平均每个菜单项会有20%的新增粉丝点击。假如你的账号每天能有500个粉丝增长，就会有100个人以上点击了菜单的某一项，因为这是持续进行的主动行为，由此为H5带来的浏览量可能比图文群发还要高。
以上就是本期H5专题的分享。
【会营销的设计师才是好文案】
文案篇：搞定文案的集大成篇！
营销篇：大众点评的顶尖营销案例！
设计篇：了解网页设计的前世今生！
作者：Social Talent
【优设网 原创文章 投稿邮箱：】
================关于优设网================
“优设网“是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：。
设计微博：拥有粉丝量92万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
涨姿势！帮你在10分钟内了解基于行为的产品设计
编者按：我们见过设计优先的产品，见过基于用户体验来设计的应用，以及大把的基于老板的需求来设计的应用……这次，让我们来了解一下什么是...
@大明白儿：在Html5广告大行其道的今天，作为互联网行业巨头之一的腾讯，在这段时间里，产出了大量创意与视觉都极其优秀的作品，领域横跨游戏、节日活动甚至新闻...雅菲：最近半年一直在负责雷霆战机和天天酷跑的项目，以偏品牌建设和创意营销为主，在风格上尝试了手绘的表现形式，这次和大家分享下其中的设计经验。 雷霆战机TVC...编者按：十年精华输出，从用户研究、创意剖析、绘制方法、项目管理等实体案例出发，《腾讯网UED体验设计之旅》将带你经历一场体验设计之旅。本文节选自该书，重点介...前段时间某品牌手机的广告里，用逼真的打字效果”一步一步看清韩寒”。其实设计师，不用写编码，也可以做出一样的效果。 详细步骤： 第一步...编者按：HTML 5横空出世后，一直以炫目华丽的视觉特效震撼眼球，很多惊人的创意现在都可以轻松实现，今天我们搜集了21个独树一帜的HTML 5+ CSS 3...编者按：用软件快速生成的H5和设计师精心打磨过的有什么区别？看今天这篇就知道了。仅仅是一个星座专题，背后的设计思考非常多，从视觉、代码实现、交互到知识背景，...编者按：Html 5这么吃香，平面设计师该做点什么？今天Epub360的推荐讲师Never从设计内容、表现技巧和观念三个方面，聊聊平面设计师该如何在这次浪潮...编者按：前端工程师的菜！最近移动Html 5越来越火，想有一个体验流畅的Html 5 应用，这篇优化指南就别放过咯。腾讯的同学将关键的注意点与优化方法都总结...Lavali：早上一睁眼，朋友圈被吴亦凡入伍的H5刷屏，创意受到了广泛的关注，很多人开始找到我了解创作背景，有恭喜的，有质疑的，也有各种分析的。既然火到这个...
我们的团队
大家在关注
一扫"掌"握！
把好文章收藏到微信
打开微信，扫码分享学设计 优设网 在这里个人开发的 H5 游戏，现在有哪些渠道可以发布_百度知道
个人开发的 H5 游戏，现在有哪些渠道可以发布
我有更好的答案
其实简单的说法就是。 这个是专业的说法，即H5就是移动端的web页面。而H5游戏，你可以看作是移动端的web游戏，无需软件即可体验H5是一系列制作网页互动效果的技术集合，能在移动端做出Flash做不出的动画效果
采纳率：95%
来自团队：
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。我的位置：
两位Cocos程序员+60天 停不下来的H5游戏
两位Cocos程序员+60天 停不下来的H5游戏
时间： 15:41:18 |
来源：官方 |
作者：官方 |
　　《弹珠传》是一款使用Cocos2d-js开发的消除类RPG游戏。今天，我们有幸请来了游戏团队核心成员LBEE、Commando ，来为我们讲述游戏背后的故事。
　　Q：很难相信，这款游戏出自仅仅两人的小团队。能否让大家更加了解你们呢？
　　大家好，首先非常感谢官方的采访。我和Commando是高中同学，好朋友。读书时候就经常厮混在一起，和朋友通宵达旦地在网吧里&厮杀&。
　　毕业后，大家各散东西，各自发展。他做他的后端大神，我做我的前端小喽啰。十几年后机缘巧合就又聚在一起了，不为别的，就为青春少年时玩过的《》、《红警》、《星际》......一大堆游戏堆积起来的游戏梦。
　　我们是逐梦而来，一前端，一后端不正合适么？
　　程序员做设计，就是这么直接简明！
　　Q：这款游戏的玩法相当有意思，能否和大家介绍下呢？
　　没错，最大的亮点就是在于玩法上，有别于其他消除类游戏，我们结合了传统的打砖块和大家熟悉的泡泡龙的操作玩法进行了微创新，再加上精心设计的各类拥有特殊效果的砖块，配搭出不同的关卡。
　　打砖块和泡泡龙的玩法结合，加上传统RPG游戏的养成和道具装备，让玩家在杀怪升级之余，还可以体验消除类游戏独特的过关快感。
　　Q：您平时喜欢玩哪些游戏？游戏创意是怎么来的呢？
　　以前，我们玩得最多的就是连网对战游戏。现在，我们玩的手游有《部落冲突》、《皇室战争》。我们调研发现主流H5游戏是放置挂机类，就顺应潮流设计了一个挂机挖宝类的游戏，代码写了一个月，游戏demo也有了，却发现我们自已对于挂机这一类游戏，真真不太感冒，连自已都不想玩。
　　H5游戏的受众，游戏平台渠道都偏向挂机放置类游戏，但做一款连自已都不喜欢玩的游戏，并不是我们的初衷。于是，我们果断停止挂机游戏的开发，结合我们团队人力物力的客观情况，把目标改为轻度休闲类游戏。
　　休闲类别中的消除类游戏，可玩性和制作成本都适宜，加上Commando的灵机一动，打砖+泡泡龙的创意就出来了，于是就有了《弹珠英雄传》。
　　Q：这款游戏的制作周期大概多久？期间有遇到哪些困难？
　　我们都成家了，标准的上有老下有少。经济上的压力，不允许我们光凭着一腔就全职开干，只能利用业余时间兼职开发。还好，各自在撸码界积累了些许的经验，利用周末、晚上的时间开发了大约两个月，第一版《弹珠英雄传》就上线公测了。
　　要说困难，在技术上由于Cocos2d-js引擎的成熟和性能的高效，所以并不存在太多的难点。主要是美术力量的欠缺，加上外包的成本压力，许多细节、功能并不能做到合乎我们的预想。整个美术资源，在我们看来也只算是凑合....(苦笑）。但是，目前以我们团队的情况也没有比较好的解决办法。只能看上线后的营收情况，或者说有没有可能拉些投资，后续可以弥补我们的短板。
　　Q：您曾经开发过多款H5游戏，对H5游戏领域相当熟悉。您认为，H5游戏与原生游戏，区别有哪些？
　　熟悉说不上，我们也是摸着石头过河，一步一步积累些经验。H5游戏与原生游戏的区别，首当其冲的肯定就是在性能体验上，这个是客观存在的差距。当然，随着如Cocos主流游戏引擎的相继发力，H5游戏的性能体验肯定是会不断提高的。
　　当前H5游戏受各种主客观条件限制，对比起原生游戏，游戏的种类还是有些单一。打开各种H5游戏渠道平台，清一色的挂机放置类游戏，像我们《弹珠英雄传》这类&重度&操作的游戏，还相对比较少见。但就目前我们接触的情况来看，渠道还是更偏向带有挂机放置玩法和RPG元素的重度游戏。
　　Q：为什么会选择Cocos引擎来制作这款游戏？
　　选择Cocos引擎，主要是我们接触的时间比较早，加上Cocos引擎多年积累下来的良好口碑和版本迭代下来的成熟、完整程度，使之成为我们的不二选择，说白了，就是用着称手！
　　Q：您使用过Cocos Creator吗？如果用三个词来评价这款编辑器，您会用什么词呢？
　　Cocos Creator首次发布的时候，我们第一时间下载试用。由于我们有使用过U3D的经验，试用Cocos Creator时，还是感到相当愉快顺手的。
　　要用三个词的话，我会用&便捷&&高效&&诚意&来评价。但考虑到新技术的发展需要一定的迭代周期和学习成本，我们选择了更为成熟的Cocos2d-js HTML 版本引擎来开发。
　　Q：在开发游戏的过程里，您有哪些收获与感受呢？
　　在挂机类成为主流H5游戏类型的当下，我们剑走偏锋，依然制作&重度&操作的休闲游戏《弹珠英雄传》。虽然很多参与公测的玩家、渠道都反馈游戏的创意玩法不错，确实有些眼前一亮的感觉，但后续还是需要经过市场的进一步验证，才好定论它的成败。
　　虽然暂时还没有实际上的收益，但每一次收到玩家的好评时，哪怕是短短的只言片语，我们也觉得非常的欣慰，心里有股儿舒坦的感觉，难于言表~，反正是比喝蜜还甜。
　　好的游戏应该带给人们快乐，不是么？！
　　Q：未来有没有考虑过独立创业？
　　我QQ签名写着很俗的一句话：没有理想的人跟咸鱼有什么分别~！
　　我和Commando当时聚在一起的时候，想法很简单，人这一辈子，不干点自已喜欢干的事，不积极的去面对生活，那活着实在没什么意思。创业就是我们的理想，但冲动是魔鬼，我们只能是一步一步做着我们喜欢的事，理想总是有机会实现的。
　　Q：最后还有什么想对大家说的话呢？
　　欢迎大家来体验《弹珠英雄传》，期待各位同仁，多批评多建议，帮助我们把这款游戏做得更好。弹珠英雄官方群：。同时，我们也期待得到投资人的支持，把目前游戏的不足尽快补全。
　　非常感谢您在百忙中抽空接受我们的采访。祝《弹珠英雄传》大麦！
多玩游戏访
本期热游TOP榜中，25款入榜游戏总指数为608790，对比上期整体下降了2.1%。在非...
畅游旗下的角色扮演游戏《刀剑英雄》12年最大更新资料片“羽传说”（11月11日）震撼公测...
(window.slotbydup=window.slotbydup || []).push({
id: '2915753',
container: s,
size: '300,250',
display: 'inlay-fix'
如果你对我们的内容有什么好的建议和想法，或者你是游戏厂商需要合作，都非常欢迎大家给我们发消息联系。
(window.slotbydup=window.slotbydup || []).push({
id: '2915756',
container: s,
size: '300,250',
display: 'inlay-fix'}