2016年 最火的 15 款 HTML5 游戏引擎 - 开源中国社区
当前访客身份：游客 [
当前位置：
2016年 最火的 15 款 HTML5 游戏引擎
HTML5游戏从2014年Egret引擎开发的神经猫引爆朋友圈之后，就开始一发不可收拾，今年《传奇世界》更是突破流水2000万！从两年多的发展来看，游戏开发变得越来越复杂，需要制作各种炫丽的效果，还要制作各种基于 2D 或者 3D 的场景。作为一名开发者，分析了当下最火爆，最热门的HTML5游戏引擎供大家参考，希望大家也能找到属于自己的那款游戏开发引擎。
我在github上面收集了四十多款的HTML5开源游戏引擎，从里面star、fork等等参数分析其流行度，最后综合各方面元素，筛选出靠前的十五款（包含三款非开源游戏引擎）
Updated Time
Contributors
Updated Time
Contributors
Construct 2是一个运行于Windows平台的游戏制作工具，它可以让没有任何编程基础的用户在短时间内不写一行代码快速开发出一款可运行于所有平台（Windows、Mac、Linux、Android、iOS等）的游戏。免费版可以将游戏导出成HTML5。收费版本分为个人版（79英镑）和企业版（259英镑），可以导出所有平台的版本，同时提供了更多的特效和音乐。如果使用该工具盈利超过5000美元，需要升级到企业版。
简单直观，入门容易，无需编程也能做游戏，长处是开发射击及动作类的平面游戏，有丰富的英文资料。
支持多平台（Android，iOS，Windows)
简单易用、无需编程知识可以使用，可实时运行游戏；
提供了大量特效，支持物理效果，有开发者商城，在上面可以购买到各种开发插件和游戏素材；
强大的事件系统，可以不通过写代码来控制游戏逻辑；
提供了可编程扩展的接口，可以自己开发插件；
完整的文档以及社区支持。
非开源，且中文教程极其匮乏；
由于网页，手机都是相对于电脑来说性能较低的硬件产品，所以需要开发者更好的运用系统资源，甚至在windows平台也是如此，因为其windows的输出格式也是利用Chrome浏览器的内核所做，也就是说本质上还是在浏览器上运行。
点评：使用最多的HTML5商业引擎，更新快且开发者商城支持非常棒，推荐！**
Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。
Phaser是一款专门用于桌面及移动HTML5 2D游戏开发的开源免费框架，提供JavaScript和TypeScript双重支持，内置游戏对象的物理属性，采用Pixi.js引擎以加快Canvas和WebGL渲染，基于浏览器支持可自由切换。快速、免费、易于维护，使用Phaser来开发2D小游戏的优势显而易见。一方面，开发者可以直接通过Koding平台上的VM开发系统进行代码编写及预览。另一方面，也可以在支持Canvas的浏览器中直接安装Phaser来进行游戏开发。
主要特性：
JavaScript、TypeScript双重支持
内置游戏对象的物理属性
WebGL、Canvas渲染自由切换
完全支持Web音频
输入：多点触控、键盘、鼠标、MSPointer事件
除了IE 9+、Firefox、Chrome、Safari及Opera等桌面浏览器之外，Phaser还支持Mobile Chrome（Android 2.2+）及Mobile Safari（iOS 5+）等移动浏览器。使用Phaser进行游戏开发没有任何语言设定，并且，在Phaser官网上，还提供了非常详细的开发指南，想要一探究竟的开发者不妨直接登陆Phaser查看。
Pixi.js是一款超快的开源HTML5 2D渲染引擎，使用带有Canvas回调功能的WebGL。作为JavaScript的2D渲染器，Pixi的目标是，可以提供一个快速且轻量级的2D库，并能兼容所有设备。此外，让开发者无需了解WebGL，就可以感受到硬件加速的力量。
主要特性：
真正的跨平台：在今天，开发工具跨平台已经不是什么稀奇的事了。不过，Pixi.js则是一个可以兼容所有设备的超快HTML5 2D渲染引擎，并且拥有canvas回调功能的WebGL，实现真正的跨平台。
交互式多点触控：Pixi不仅支持移动和平板设备，还具有完整的多点触控输入识别，让开发者可以发挥自己的能力去挖掘出它所有的潜力。
WebGL过滤器：当使用WebGL时，Pixi允许你使用自己熟悉且现有的过滤器。当然，你也可以使用自己创建的独一无二的过滤器，比如自定位移和半色调效果。
着色和混合模式：对设计师来说，会很喜欢这个，Pixi.js允许用户着色和使用混合模式就像其他常见的视觉包比如Photoshop或Flash。
渲染器自动检测：这个算是Pixi的一大特色，虽然Pixi是主要作为WebGL 2D渲染器而创建的，但仍支持非WebGL平台。其解决方案就是创建一个Canvas回调系统，只需一次编码，Pixi就可无缝管理回调。
简易API：设计直观，易于上手。
资源加载：精灵表单、图形、字体和动画数据等都可通过Pixi.js来加载和处理。
支持精灵表单（Sprite sheet）。
Egret 游戏解决方案包含了开源免费的 HTML5 游戏引擎、Egret 项目开发工具集合、动画特效制作工具、原生多平台打包工具、高效的 HTML5 游戏应用加速器、以及支持多渠道的开放平台等。开发者可以通过Egret项目开发工具快速、高效的制作及开发游戏相关各类内容，加速器将游戏效果提高到与原生游戏相媲美的效果。制作后的游戏发布到开放平台后，有着优质的渠道资源可以将游戏推荐给更多的用户，使得游戏开发、发布、推广变为一体化内容。
主要特性：
基于TypeScript及JavaScript技术，支持Flash到Egret高效转换，引擎、工具、运行时完整工作流
跨平台：HTML5,iOS,Android,Windows Phone
全中文文档：文档与开发者社区齐全
开源免费，BSD开源协议、任意定制及扩展
Enchant.js 是个简单的 JavaScript 框架，可以使用 HTML5 和 JavaScript 来开发简单的游戏和应用。现在还是由 UEI 的 Akihabara 研究中心来开发和维护。在线演示
Crafty是一个体积小、简单、轻量级的2D的HTML5游戏引擎，它提供了通过Canvas或DOM来绘制实体，提供了精灵Map以及SAT高级碰撞监测支持。它是由个人（Louis Stowasser）创建，同时由Github上的一些开发者共同开发。
轻量级引擎，不会受到框架的太多束缚
同时支持PC和移动平台浏览器
Turbulenz是一个开源的HTML5游戏引擎，提供了可以运行在Windows、MacOS、Linux上的SDK，允许开发人员创建高质量和硬件加速的2D、3D游戏。包括以下功能：异步资源加载、进行特效和粒子渲染、支持物理效果、碰撞检测以及动画、3D音效支持、支持网络交互以及社交网络分享、场景和资源的管理。优点：1. 功能强大，同时支持2D和3D2. 基于MIT协议的开源引擎
cocos2d-js是一款基于Cocos2d-x API的2D开源免费HTML5游戏引擎。它目前通过canvas进行渲染，将来会支持WebGL。它由国内Cocos2d-x核心团队主导开发和维护，行业领袖、HTML5大力推动者Google为这个项目提供支持。同时，Zynga、Google等大公司的工程师也参与到它的设计工作中。
与Cocos2d的API类似，容易上手
中文文档齐全，资料丰富
基于MIT协议的开源引擎
PlayCanvas是一个基于 WebGL游戏引擎 的企业级开源JavaScript框架，它有许多的开发工具能帮你快速创建3D游戏。PlayCanvas.js由一个专业社区创建，最初并不是开源的，但现在你可以在github上fork PlayCanvas.js，然后在你的下一个3D游戏项目中免费使用。它还提供了能在浏览器中云心的云编辑器，开始使用PalyCanvas和导航到编辑器的URL一样容易。
melonJS是一个全新、轻量级，基于精灵的2D游戏引擎。兼容所有支持HTML5览器包括：Chrome、Safari、Firefox、Opera。支持多声道。提供基本物理和碰撞机制（以确保CPU的要求低），一组基础的实体对象（可扩展）。支持补间动画效果。一个状态管理器（可以轻松管理加载，菜单，选项和在游戏画面状态的开关）。提供一些基本的GUI元素。一个可定制的加载器。&
Quintus是一款易于上手、轻量级、开源的HTML5 JavaScript游戏引擎，包含一个模块化的引擎可轻松开发游戏，并在同一个页面上运行多个实例，支持桌面及移动平台浏览器。Quintus引用面向对象的思想来进行HTML5游戏开发，同时依赖于jQuery来提供事件处理机制和元素选取操作。
ImpactJS是一个基于JavaScript的HTML5游戏引擎，同时支持PC和移动平台浏览器。它是目前除了Construct2之外最受欢迎的HTML5游戏引擎，使用需要支付99美元。
ImpactJS 曾经风靡一时，使用ImpactJS 开发的该游戏被国外很多网站评选为二十款优秀游戏之一。
提供了灵活的关卡编辑器，可以快速构建游戏地图
提供了强大的调试工具
提供了Ejecta可以将JavaScript的执行结果通过OpenGL渲染出来，可以在iOS平台上获得与原生应用相近的效率
文档齐全，有两本专门介绍ImpactJS开发的书
支持物理效果
支持自己编写插件来扩展
缺点：1.非开源，且中文教程极其匮乏；2.更新慢，功能不够强大；
GameMaker与Construct 2类似，都是一个游戏制作工具，可以导出到各个平台运行，分为免费版、标准版（49.99美元）、专业版（99.99美元）和大师版（799.99美元）。其中免费版只能导出Mac和Windows版本，导出HTML5需要大师版或者专业版（再额外支付99.99美元）。
优点和缺点：优势与Construct2类似，但性价比不如Construct2高
Hilo，一套HTML5跨终端的互动游戏解决方案开源啦！。Hilo支持了多届淘宝&天猫狂欢城等双十一大型和日常营销活动。内核极简，提供包括DOM，Canvas，Flash，WebGL等多种渲染方案，满足全终端和性能要求。
主要特性：
极简内核： Hilo核心模块极精简，保留了2D游戏引擎最必要的模块，同时采用模块化管理。
完善接入&扩展： Hilo 支持多种模块范式的包装版本，包括AMD，CMD，Standalone多种方式接入。另外，你可以新增和扩展需要的模块和类型。
多种渲染方式：提供DOM，Canvas，Flash，WebGL等多种渲染方案，可以做到跨全端，高性能的要求。
完善的周边工具：提供动画编辑器 ，Yeoman脚手架及典型案例产出的辅助开发工具。
案例丰富： 支持天猫，手淘多次大型和日常活动，如双十一，年中大促等。代表产品如狂欢城。 本文参考数据来自：1.&2.&
想通过手机客户端（支持 Android、iPhone 和 Windows Phone）访问开源中国：
旧一篇： 4个月前
新一篇： 4个月前
你也许会喜欢
期待基于HTML5的VR引擎
引用来自“景愿”的评论期待基于HTML5的VR引擎VR需要个屁引擎，视频播放器而已。
3楼：无敌菌 来自
引用来自“景愿”的评论期待基于HTML5的VR引擎引用来自“喷子”的评论VR需要个屁引擎，视频播放器而已。头衔和黑头像是原生的，还是被赋予的？
引用来自“景愿”的评论期待基于HTML5的VR引擎引用来自“喷子”的评论VR需要个屁引擎，视频播放器而已。引用来自“无敌菌”的评论头衔和黑头像是原生的，还是被赋予的？ 你猜~
5楼：大头s 来自
6楼：赵文伟
7楼：半岛北边
竟然没有青瓷
与内容无关的评论将被删除，严重者禁用帐号
本周热点资讯
本站最新资讯比特客户端
您的位置：
详解大数据
详解大数据
详解大数据
详解大数据
《深度测评：你真正了解HTML5游戏引擎吗？》
关键字：新闻
　　近日，“知乎”发布了一篇名为《游引擎深度评测》的文章，引发了开发者们大量关注和转载。测评中，与国外知名引擎相比， 国内主流HTML5引擎代表――白鹭引擎(Egret)和Cocos2d-js表现不俗，在性能上已具有国际水准。
　　深度评测 国内主流引擎跻身全球第一梯队
　　文章对国内外知名的多款引擎，通过2D与3D、编程语言、设计理念&功能、工作流、性能、学习资料和商业应用，总计七个维度，对每款引擎都进行了深度评测。原文链接 /p/
　　本文仅关注开发者聚焦的引擎性能，国内的白鹭引擎(Egret)和Cocos2d-js都排在前四位置。工作流方面，Egret和Cocos2d-js其完整的工作流，相较于国外的引擎优势明显。学习资料和文档支持层面，国内主流引擎本土化的优势，完整资料文档支持和中文化服务更符合国内开发者需求。
　　(测试内容为同屏渲染对象数量相同的情况下进行帧频数据对比，为了保证测试的公平性，使用同一台小米4，在微信内置的进行测试)
　　盘点主流游戏渠道 Egret和Cocos2d-js引擎优势明显
　　有意思的是，虽然国外引擎性能表现抢眼，但在国内的应用却很。国内引擎在性能上略低一筹，但在国内应用上却相对“大众”。
　　纵观国内HTML5游戏主流渠道上线的产品，不论是从类型种类的多元化上，还是累计的用户规模上，都在保持高速良性的发展。
　　从，爱微游，浏览器以及万能钥匙等主流渠道统计的数据来看。Egret、Cocos2d-js引擎的占据了绝大部分市场份额。
　　另一方面，目前HTML5全渠道累计用户排名前30的产品中，《愚公移山》、《来自星星的你》两款产品的用户规模均超过千万。其中大部分游戏均采用Egret和Cocos2d-js引擎，市场号召力可见一斑。
　　HTML5游戏盈利已成规模
　　HTML5游戏的盈利已经被市场反复证明。2105年，《愚公移山》在国内开启了HTML5游戏付费的先河，接着《西游传神》等产品月流水破500万，让业界看到了HTML5游戏强大的盈利能力。而在2016年，《传奇世界H5》月流水破2000万，不但证明了HTML5游戏千万流水的可能，也让业界开始期待HTML5游戏上亿流水的未来。
　　从HTML5游戏全渠道累计付费TOP30 的产品和引擎列表得出，作为这些月流水表现突出作品背后的技术服务提供商，Egret和Cocos2d-js引擎在HTML5游戏盈利模式的探索道路上，均发挥了重要作用。
　　HTML5游戏进入精品化时代
　　技术与大环境的完善，促使国内HTML5游戏逐渐从轻游戏时代，进入到精品化、重度化时代。
　　一方面得益于引擎技术的进步。以白鹭引擎为例，在最新发布的版本中已经全面开放WebGL渲染器的支持。切换到 WebGL 模式，帧频直接飙升到了 45-60 帧，接近原生游戏性能，相较于Canvas模式普遍立刻达到两至三倍的性能提升。这为重度化、3D化、精品化HTML5游戏的开发，提供了最重要的技术保障。
　　在如下二维码中的DEMO，多达500个动画帧频，FPS依然达到60帧。
　　另一方面，是大量开发商投入到重度HTML5游戏研发、发行和运营的探索创新。譬如《传奇世界H5》月流水已突出2000万大关，其开发、发行与渠道匹配模式等多项创新，为精品化发展提供了诸多借鉴。大量HTML5游戏如《太极》、《大大大掌门》、《秦时明月》等画面精美，体验重度的高品质游戏涌现，一定程度上促进了整个产业，也表明了HTML5游戏进入精品化时代。
　　纵观当前HTML5游戏产业的现状，行业者们应该更清楚的看到，H5游戏进入精品化时代，引擎是核心驱动力。不论是技术、市场规模、产业链完整性，还是产品的盈利能力和商业化潜力，HTML5游戏产业，2016年值得更多期待。
　　【免责声明】本文仅代表作者个人观点，与科技时空网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。您若对该稿件内容有任何疑问或质疑，请联系本网将迅速给您回应并做处理。
[ 责任编辑：凤城 ]
如果你是一个企业级SaaS的创…
甲骨文的云战略已经完成第一阶段…
软件信息化周刊
比特软件信息化周刊提供以数据库、操作系统和管理软件为重点的全面软件信息化产业热点、应用方案推荐、实用技巧分享等。以最新的软件资讯，最新的软件技巧，最新的软件与服务业内动态来为IT用户找到软捷径。
商务办公周刊
比特商务周刊是一个及行业资讯、深度分析、企业导购等为一体的综合性周刊。其中，与中国计量科学研究院合力打造的比特实验室可以为商业用户提供最权威的采购指南。是企业用户不可缺少的智选周刊！
比特网络周刊向企业网管员以及网络技术和产品使用者提供关于网络产业动态、技术热点、组网、建网、网络管理、网络运维等最新技术和实用技巧，帮助网管答疑解惑，成为网管好帮手。
服务器周刊
比特服务器周刊作为比特网的重点频道之一，主要关注x86服务器，RISC架构服务器以及高性能计算机行业的产品及发展动态。通过最独到的编辑观点和业界动态分析，让您第一时间了解服务器行业的趋势。
比特存储周刊长期以来，为读者提供企业存储领域高质量的原创内容，及时、全面的资讯、技术、方案以及案例文章，力求成为业界领先的存储媒体。比特存储周刊始终致力于用户的企业信息化建设、存储业务、数据保护与容灾构建以及数据管理部署等方面服务。
比特安全周刊通过专业的信息安全内容建设，为企业级用户打造最具商业价值的信息沟通平台，并为安全厂商提供多层面、多维度的媒体宣传手段。与其他同类网站信息安全内容相比，比特安全周刊运作模式更加独立，对信息安全界的动态新闻更新更快。
新闻中心热点推荐
新闻中心以独特视角精选一周内最具影响力的行业重大事件或圈内精彩故事，为企业级用户打造重点突出，可读性强，商业价值高的信息共享平台；同时为互联网、IT业界及通信厂商提供一条精准快捷，渗透力强，覆盖面广的媒体传播途径。
云计算周刊
比特云计算周刊关注云计算产业热点技术应用与趋势发展，全方位报道云计算领域最新动态。为用户与企业架设起沟通交流平台。包括IaaS、PaaS、SaaS各种不同的服务类型以及相关的安全与管理内容介绍。
CIO俱乐部周刊
比特CIO俱乐部周刊以大量高端CIO沙龙或专题研讨会以及对明星CIO的深入采访为依托，汇聚中国500强CIO的集体智慧。旨为中国杰出的CIO提供一个良好的互融互通 、促进交流的平台，并持续提供丰富的资讯和服务，探讨信息化建设，推动中国信息化发展引领CIO未来职业发展。
IT专家新闻邮件长期以来，以定向、分众、整合的商业模式，为企业IT专业人士以及IT系统采购决策者提供高质量的原创内容，包括IT新闻、评论、专家答疑、技巧和白皮书。此外，IT专家网还为读者提供包括咨询、社区、论坛、线下会议、读者沙龙等多种服务。
X周刊是一份IT人的技术娱乐周刊，给用户实时传递I最新T资讯、IT段子、技术技巧、畅销书籍，同时用户还能参与我们推荐的互动游戏，给广大的IT技术人士忙碌工作之余带来轻松休闲一刻。
微信扫一扫
关注Chinabyte»»Top 10：HTML5、JavaScript 3D游戏引擎和框架
　　由于很多人都在用JavaScript、HTML5和WebGL技术创建基于浏览器的3D游戏，所有JavaScript 3D游戏引擎是一个人们主题。基于浏览器的游戏最棒的地方是平台独立，它们能在iOS、Android、Windows或其他任何平台上运行。
　　有很多的JavaScript能够用于创建基于浏览器、使用HTML5和WebGL的3D游戏。然后，选择一个合适的游戏引擎是一个不小的挑战，它有时能帮你完成项目或突破项目瓶颈。
　　为了让你的选择变的容易，我们已经通过分析大多数JavaScript 3D游戏引擎在今天的市场并列出了十大游戏引擎来帮助您用JavaScript创建非常棒的HTML5,WebGL游戏。
　　毫无疑问，Babylon.JS是最好的JavaScript3D游戏引擎，它能创建可以出售的专业级游戏。
　　Babylon.JS是David Catuhe对3D游戏引擎热爱的结果，他在用DirectX, OpenGL, 和Silverlight创建3D游戏引擎方面是经验丰富，并最终自己完成了一个游戏引擎。
　　Babylon.js的一些核心功能包含了场景图与灯光、摄像机、材料和网格、碰撞引擎、物理引擎、音频引擎和优化引擎。
　　这是一个试验场，你可以拿你手边的游戏来试试这个游戏引擎。
　　Three.js是另一个广泛应用并且功能强大的JavaScript 3D库，从创建简单的3D动画到创建交互的3D游戏， 它都能实现。
　　Threejs带来的不仅是支持WebGL渲染，也支持SVG、Canvas和CSS3D渲染。然而，从游戏的角度来看，你可以只关注Threejs的WebGL渲染。
　　获取Three.js 3D引擎的源代码&
　　Turbulenz是最好的游戏引擎之一，在2009年，当HTML5和WebGL还在酝酿时，它已经被推出。直到2013年，Turbulenz才基于MIT协议拥抱开源。
　　Turbulenz包含了很多功能，例如2d物理、3d物理、声音、视频和其他服务,如排行榜、multichat,支付和用户数据。
　　了解更多：
　　获取源代码：
　　在HTML5 3D发展的市场中，Famo.us占据了非常重要的地位，并且它是最好的JavaScript 3D开源框架之一。对于famo.us，最好的事情就是包装了3D布局引擎，其完全继承了3D物理驱动的动画引擎。
　　了解更多&
　　获取源代码&
　　PlayCanvas是一个基于WebGL游戏引擎的企业级开源JavaScript框架，它有许多的开发工具能帮你快速创建3D游戏。PlayCanvas.js由一个专业社区创建，最初并不是开源的，但现在你可以在github上fork PlayCanvas.js，然后在你的下一个3D游戏项目中免费使用。
　　它还提供了能在浏览器中云心的云编辑器，开始使用PalyCanvas和导航到编辑器的URL一样容易。
　　了解更多&
　　获取源代码&
　　来自于GOO技术家族，Goo引擎有一组功能强大的JavaScript API，可通过使用HTML5和WebGL创建任何3D事物。有一个在线的编辑器goocreate，可以运行在Goo引擎上，并封装了一些功能，例如视觉三维编辑器,材质编辑器、脚本和容易发布选项等。
　　你可以通过支付一些相关的许可费用，在浏览器中使用在线编辑器。
　　尽管编辑器需要一些费用，但是Goo引擎是绝对免费的，你可以下载它并在你的3D项目中使用。
　　了解更多&-
　　获取源代码&
　　对于创建基于浏览器的游戏，CopperLIcht是最出色的3D引擎之一，也是CopperCube 3D游戏编辑器的后端引擎。
　　CopperCube是一个支持创建3D游戏和动画所需要的所有功能的编辑器，但是，它并不开源，需要一些相关的许可费用。
　　了解更多&
　　Voxel.Js是开源的，基于JavaScript的一个3D游戏引擎，自从它发布以来，社区成长非常快。如果你喜欢模块化方法，Voxel是一个不错的选择。
　　Voxel-engine是创建3D游戏的核心模块，其它模块可以根据需要插入。到目前为止，已经有超过200个扩展在npm上发布。
　　了解更多&
　　在2014年，Blend4Web作为开源的3D框架而发布，它高度集成了Triumph的3D内容创建工具&Blender&，并且本地支持Blender的节点材料、粒子系统、bullet物理引擎和其他功能。
　　获取源代码&
　　Enchant.js是一个模块化的、面向对象的JavaScript框架，可用HTML5创建简单的APP和游戏。它是基于MIT协议开源的，因此开源免费使用。3D动画和游戏开源使用额外的插件（基于WebGL）创建。
　　获取源代码&
验证消息：Admin10000
提示：常上QQ空间的朋友可关注，精彩内容不错过。
理智评论文明上网，拒绝恶意谩骂 发表评论 / 共1条评论
登录会员中心是寒冬还是风口？ 2015年HTML5游戏完整产业链报告
腾讯游戏尚言 徐乙榛
[摘要]尽管HTML5游戏已经出现了许多高质量游戏，但原生HTML5性能仍然存在短板。用Layabox谢成鸿的话说：“和原生APP游戏对比，原生HTML5仍然有很大的落差，必须依靠高性能引擎”。【腾讯游戏频道独家专稿，转载请注明来源】策划/采访：尚言 编辑：徐乙榛文案：李菁 制图：华丽胖子目录一、HTML5游戏产业链之研发篇 1-1开发成本1-2开发瓶颈二、HTML5游戏产业链之渠道篇2-1渠道商业模式2-2渠道发展趋势三、HTML5游戏产业链之服务平台篇3-1触控3-2白鹭3-3Layabox四、HTML5游戏的机遇与挑战4-1机遇4-2挑战序言从某种意义上来说，苹果间接造就了HTML5游戏。乔布斯2010年亲自在苹果官网发布了一篇名为《ThoughtonFlash》的文章，例数flash的六大缺点，并提到了一个区别于flash的“更先进技术”——HTML5，这大概是HTML5第一次出现在大众眼中。2014年，HTML5的春风吹到了中国，凭借优秀的富媒体属性，这股浪潮很快涌向了游戏，国内开始出现大量HTML5游戏开发商，社区，游戏引擎，专属渠道，以及一些传统游戏公司在HTML5领域的开拓，这其中包括腾讯玩吧、腾讯浏览器、白鹭时代、触控科技、Layabox、闪吧科技、乐天成科技、大连泛游、5秒轻游戏、蝴蝶互动、泥巴怪、比悦科技、黑桃互动、指上缤纷、博雅互动、起源天泽等。除了大家耳熟能详的《围住神经猫》《打企鹅》《找房祖名》《愚公移山》《貂蝉有妖气》《时尚都市》《来消星星的你》等爆款，还有上百款不约而同都是低ARPU高DAU的病毒式传播“”，一年时间内，HTML5游戏行业迅速发展。HTML5游戏的终极目标显然是想成为移动端的web游戏：吸金且高效。尽管看似前途无量，但商业模式问题始终是绕不过去的一道坎。怀疑论者认为：大多HTML5游戏都是依靠社交工具实现病毒式传播的休闲游戏，用户粘性不足、付费意愿偏弱、游戏生命周期较短，且二次入口导致CP吸量减弱，未来只能沦为市场部门的营销工具。但事实上，上图中所提到的这几款HTML5游戏，都已经通过IAP（游戏内支付）的方式，和原生游戏一样通过出售游戏内计费点，达到100万以上的月流水。​于是乎，无论内行还是外行，似乎都被搞糊涂了。HTML5游戏究竟是原生之外的另一片蓝海，还是被资本鼓吹的美丽泡沫？想要回答这个问题，也许应该先从整个产业链上下游的各个环节看起。一、HTML5游戏产业链之研发1-1开发成本HTML5是HTML语言的更新版，是W3C与WHATWG在2006年达成的合作结果。相对于flash，HTML5增加了一些有趣的新特性：比如对于触摸屏的全面支持；允许开发者开发出更为高级的图形、印刷和动画，并且不需要第三方浏览器插件(如Flash)就能转换。如同原生开发一样，HTML5游戏的开发成本主要包括人力成本和资金成本，其中资金成本主要用于服务器以及美术资源的购买。与已经进入精品化时代的原生手机游戏不同，HTML5游戏的开发成本普遍较低。从产品类型上划分，轻度休闲HTML5游戏开发成本较少，而中重度产品的开发费用和周期则可比拟原生APP。据大连泛游郭峰透露：旗下《貂蝉有妖气》开发成本约100万元，周期4个月；闪吧科技老古也提及《时尚都市》开发周期达75天，上线后持续开发及迭代共10个月，总体成本约200万；Layabox、触控结合自身平台推出的产品表示：中等规模以上产品的开发周期约3个月左右，部分重度产品成本可达500万元。目前大量HTML5游戏属于低成本的休闲小游戏，这类产品一般仅需几万元的资金，人力资本最少一个人就可完成，最多也不会超过10人。多数微信朋友圈热传的HTML5小游戏，短则几小时，多则几天，就可以由1个开发者独立完成。除此之外，HTML5游戏当然也存在高品质的单机休闲游戏，但其开发人员仍然不会超过十人，据触控王哲介绍：“在softgames平台内的精品cocos单机游戏，一般人员配置是1个研发、1-2个美术；至于更加完整、精品的休闲商业游戏，团队规模可以达到5-9人，研发周期最长可以达到3个月，但产品生命周期可以达到半年以上。”而重度HTML5游戏的开发，则需要远远高于休闲单机HTML5游戏的资金投入及成熟开发团队。大连泛游郭峰透露，重度HTML5游戏的研发成本在几十万到数百万不等，其中《猎刃2》立项之初，就是按照原生APP品质打造，研发成本超500万；更多的是如同《貂蝉有妖气》这样由10人开发团队花费100万打造的中重度HTML5游戏。值得一提的是，尽管HTML5重度游戏正在崭露头角，近期几笔融资也让各大HTML5研发商们勇于向重度游戏领域探索，但HTML5游戏的研发成本与原生手游暂时仍无法相提并论。另外，根据玩吧2015年9月发布的用户调研所述，跑酷躲避类、音乐舞蹈类、棋牌类和竞速类等休闲HTML5游戏用户需求量较大。闪吧老古解释道：“目前跑酷、塔防、竞速就性能上还达不到标准，很容易让玩家在性能上产生挫折感而放弃，品质和app有非常大的落差。这些游戏玩家首付都是为体验去付钱的，而不像RPG是为实力去付钱。”1-2开发技术瓶颈与相对成熟的原生手游相比，年轻的HTML5游戏在开发过程中会遭遇很多技术瓶颈。①性能问题尽管HTML5游戏已经出现了许多高质量游戏，但原生HTML5性能仍然存在短板。用Layabox谢成鸿的话说：“和原生APP游戏对比，原生HTML5仍然有很大的落差，必须依靠高性能引擎”。触控王哲也承认：“JavaScript脚本运行的限制、canvas渲染性能的限制仍然普遍存在，因此开发过程中针对渲染、物理和复杂数学计算的优化仍然是困扰HTML5游戏最重要的技术瓶颈。所以2015年各家引擎纷纷推出runtime方案来加速，也就不奇怪了。”针对这个硬伤，各家引擎纷纷推出runtime方案来提升HTML5的性能，其中，白鹭时代推出的加速器（EgretRuntime）已完成在移动设备上超过6亿次的安装量，腾讯在X5浏览服务发布会上也宣布X5内核将与白鹭时代展开合作，重点应用白鹭EgretRuntime组件，以进一步提升HTML5游戏在移动设备的用户体验。受益于runtime的植入，《愚公移山》率先突破250万的流水；Layabox也计划2016年一季度推出基于webGL技术的LayaAir引擎，脱离runtime方案达到原生APP的性能水平。谢成鸿认为：“客观来讲，引擎技术商已拿出可行的解决方案，基于runtime的方案和基于webGL的方案，但是推广和普及还需要时间。”除此之外，老版本设备对于HTML5标准的不优化，也将在短时间内影响HTML5游戏的性能。根据白鹭陈书艺的介绍：“虽然主流手机操作系统近两年的新版本都在不断提升相关性能，但在老版本设备被完全替换掉之前，仍然存在一部分机型对HTML5游戏的支持不尽如人意。”必须承认的是，HTML5在部分设备和浏览器上（特别是低版本Android)上仍然存在性能较低、音频功能不完善等问题。但如果从发展的眼光来看，由于最新出厂的设备对HTML5的支持越来越好，国内外各大厂家也不断在浏览器内核、编程语言及工具、内容渠道方面发力，相信未来HTML5的这些问题很快会随着旧设备的更新换代而得到解决。②兼容性问题如果说性能问题对于HTML5游戏来说疥癣之疾，那兼容性问题就是肘腋之患了。众所周知，因为通用浏览器的性能瓶颈问题，导致HTML5大型游戏并不能在通用浏览器中运行。HTML5引擎厂商除了为开发者提供游戏引擎外，还需要为浏览器和HTML5游戏渠道提供HTML5运行器。Layabox谢成鸿提及：“当HTML5游戏运行时，会通过参数激活HTML5运行器，让HTML5产品在HTML5运行器中运行。”谢成鸿所说的HTML5运行器，也就是上文触控科技王哲提到的“HTML5runtime”，对于这个技术方向，王哲显得非常自信：“类似于Flash最终横扫PC时代JavaScript+DOM+CSS的无插件开发方式，我相信最终runtime方案会因为性能和兼容性的优越性，使得HTML5游戏开发更容易、更高效。”如此一来，就意味着HTML5运行器需要适配不同的屏幕、不同的浏览器、不同的操作系统版本，这就使得HTML5游戏的兼容性问题相比原生手游更碎片化、更复杂。要想支撑商业游戏的正常运营，就需要HTML5引擎厂商进行大面积的覆盖测试和兼容性设计。但在王哲看来，兼容性问题相对好解决：“Cocos引擎从原生游戏时代过来，在2015年Q1的时候就达到了99.37%的安卓兼容性，采用同一份Cocos引擎代码制作的HTML5运行器则不是大问题。”③移动网络问题此外，移动网络也成为困扰HTML5开发商的问题之一。与原生游戏类似，部分HTML5游戏玩家可能会因支付大量网络流量费用而放弃。相较于4G的高昂流量费用，WIFI或更适合成为大多数HTML5游戏用户的首选。也许就未来H5游戏更大规模更多产品的情况下，一款游戏在移动流量消耗上的多少，将很大程度影响玩家的心情及参与积极性，但目前，很多开发商在拼品质的同时增加了大量素材，导致产品上线后的流量加载难以控制。在闪吧科技老古看来，优质玩家在付费量级上可能会到数万，但往往因为多花了数百元网络流量费用而流失。以安卓设备为例，由于缓存少和自动清理等原因，每次进入游戏都需要重新加载相关素材，而流量会给玩家带来很大压力。针对这种情况，老古提出了两个解决办法：1.渠道APP提供离线包或游戏自己封装集合素材的app，有利于降低流量消耗的费用支出；2.流量包月服务等支持，不仅有利于HTML5游戏的成长，也能对原生游戏的发展起到正面影响。④WebGL普及问题WebGL是未来HTML5游戏的最佳搭档。WebGL是一项利用JavaScriptAPI呈现3D电脑图形的技术。通过使用WebGL技术，游戏开发者只需要编写简单的网页代码即可以实现3D图像在浏览器中的展示。这意味着，玩家在玩游戏之前无需下载任何插件，只要打开浏览器，输入游戏地址，就可以直接进行游戏。除此之外，WebGL因为直接与GPU打交道，性能非同凡响。遗憾的是，因为WebGL的基础是在MacOSX、Windows、iOS和Android上得到广泛应用的OpenGL图形用户接口，因此成为了微软DirectX的竞争对手。也是基于这个原因，2011年出炉的WebGL1.0标准尽管受到众多厂商的追捧，但却并没有获得微软的支持，微软在当年宣布不会在IE中添加WebGLAPI。幸运的是，随着WebGL获得了越来越多的用户，并且逐步解决了部分安全问题，微软的态度正在软化，先是IE11预览版中添加了对WebGL的支持，在2014年更是加入WebGL工作室。自IOS8.0，Andraid5.0，腾讯X56.2起，已经开始了对WebGL的支持，WebGL在移动端的普及也逐渐加速。⑤支付问题HTML5游戏的支付体系目前在支付效率上相较原生手游，用户体验较差，更重要的是会有因为无法获得设备信息导致统计误差，甚至刷单的情况。针对此，许多类似白鹭开放平台的通道、layabox的平台决定同时支持APP与WEB两种支付接口，并提供一次对接全渠道通用的一站式对接接口，来实现比原生手游更完善的支付解决方案。此外，白鹭开放平台还展开了与爱贝云等第三方支付商的合作，在百家渠道搭建支付系统，后续计划与联通、移动等运营商联合打造专门为HTML5游戏设计的支付系统。蝴蝶互动CEO凌海()表示：HTML5游戏的支付主要分为APP支付接口与WEB支付接口两种，相对而言，APP支付接口的响应速度较WEB支付接口更快，APP的支付渠道数量也比WEB支付渠道更多。另外，HTML5游戏在开发的过程中还会遇到种种其他问题，比如内存限制、资源缓存、代码安全防护，但以上四方面的问题最为突出，也最需要优先解决。⑥商业模式HTML5游戏的商业模式主要为广告和应用内付费两种。前者主要将HTML5游戏试做流量入口，也是目前微信朋友圈等社交工具上大部分HTML5休闲小游戏的之道；应用内付费则是典型的页游玩法，尽管没有人会怀疑HTML5未来盈利的主要模式是F2P，但目前并没有“现象级产品”出现也是事实。白鹭时代陈书艺认为H5游戏的变现难点主要有二：“1、玩家行为还没有完全固定。玩家在玩H5游戏时，可能不会在第一时间想到这是H5游戏，游戏打开也多半出于偶然。再加上现在H5游戏的入口很不稳定，直接导致H5游戏的留存不够，进而产生了流量严重浪费的现象。2、付费率和付费水平没办法大幅度提高，这可能跟已有游戏的定位有关。在游戏沉浸感，游戏深度方面，给玩家一个系统、一个框架，也许会改善流量浪费现象和付费率较低的情况。”相较手游而言，HTML5游戏更加依赖渠道，且乏善可陈。南京泥巴怪创始人秦川此前曾透露：HTML5可能到一些手游没有覆盖的人群。他们来自朋友圈的分享、工具类APP的游戏频道或浏览器推荐，但已经形成规范运营和实际收入的渠道仅占少数。据DataEye数据分析显示，2015年HTML5游戏商业模式中，依靠广告收入占比22.6%，依靠玩家充值收入占比39%，广告收入+玩家充值两种形式占比28.4%。这也预示着，2016年将有越来越多的HTML5游戏会开启道具收费的商业模式来尝试盈利，单纯通过经营流量和广告来变现的厂商比例会减少。陈书艺则认为H5仍旧没有出现月流水过千万的产品，主要有三个原因：1、行业入口不稳定；2、支付等第三方服务不完善；3、底层技术比预想中发展更慢。不管愿不愿意承认，无论是流量还是流水，HTML5游戏目前与原生手游相比还不在一个量级上，直到今年4月刚刚出现了单款月流水超200万的HTML5游戏，这一年来流水能过百万的HTML5游戏并不算太多。HTML5游戏目前的价值更多体现在提升用户和平台价值，而非流量分发价值。用微信扫描下方二维码查看H5版本报告：
正文已结束，您可以按alt+4进行评论
相关搜索：
[责任编辑：troyxu]
热门搜索：
Copyright & 1998 - 2016 Tencent. All Rights Reserved}