HTML5 of COCOS

⺩王哲触控科技，cocos引擎

STATUS of HTML5 & MOBILE WEB GAME

PC Web Game

Mobile Web Game

⼿手游产业对Web Game的利益诉求

⾓角⾊色 策略 态度

新兴渠道 积极布局和推⼲⼴广，谋求翻⾝身积极

新兴CP 赌⼀一把，如果万⼀一实现了呢

成熟渠道 低投⼊入做防御策略防御

成功CP 不看好，或者低成本投⼊入试⽔水

游戏发⾏行商 ⼩小投⼊入做适当布局，原有竞争⼒力仍然适⽤用

⽆无所谓服务提供商 低成本增加新平台⽀支持，原有竞争⼒力仍然适⽤用

玩家 不关⼼心技术⽅方案，只关⼼心游戏品质

Why Mobile Web Game ?

•从业者的利益需求，即原⽣生游戏缺点：•竞争激烈•渠道为⺩王•流量获取成本⾼高•格局趋于成熟，新⼊入者机会不⼤大

•玩家需求•尝试新游戏时间成本⾼高•原⽣生游戏趋于重度化，可选择余地⼩小

CORE FEATURE OF WEB GAMES IS

INSTANT PLAY•w/o installation •w/o update •w/o permission verifying

真·HTML5 vs 伪·HTML5

HTML5

•技术特点•纯JS编写，运⾏行时通过VM解释•⽤用Canvas或WebGL渲染•运⾏行于浏览器或者浏览器控件

•代表作•神经猫•愚公移⼭山

•优点•跨平台病毒传播

•缺点•性能受限，导致游戏复杂度低•玩家留存率、付费率低

HTML5 Games

Mobile

Browser

HTML5 Game Engine

0%

12.5%

25%

37.5%

50%

dom cocos egret createjs propriatory lufylegend quarkjs teajs impact js pixi

1.2%1.2%1.2%1.2%1.2%

8.43%9.64%12.05%

19.28%

43.37%

2015年6月6日，手机QQ空间，安卓版，玩吧，83款游戏

关于HTML5，您必须知道的是：

“从2011年开始，每年都是HTML5爆发元年” —— 国内知名HTML5社区组织者

“对于实现⼿手机⻚页游的⽤用户体验，HTML5只是技术⽅方案之⼀一”

—— ⺩王哲

NATIVE - Google Android M

NATIVE - Google Android M

NATIVE - Apple iOS 9

Apple: app thinning •Slicing •Bitcode •On-Demand Resources

NATIVE - Apple iOS 9

On-demand resources are resources—such as images and sounds—that you can tag with keywords and request in groups, by tag. The App Store hosts the resources on Apple servers and manages the downloads for you. On-demand resources enable faster downloads and smaller app sizes, improving the first-time launch experience. For example, a game app may divide resources into game levels and request the next level of resources only when the app anticipates that the user will move to that level. Similarly, the app can request In-App Purchase resources only when the user buys the corresponding in-app purchase.the user experience.

HYBRID

•技术特点•引擎采⽤用编译型语⾔言来提⾼高性能，同时提供解释型语⾔言的API封装

•游戏主体采⽤用解释型语⾔言编写，可能有部分引擎扩展仍然写在编译型语⾔言

•直接使⽤用OpenGL ES渲染•不依赖于浏览器或者浏览器控件

•优点•100%原⽣生性能，游戏复杂度不受限•病毒式传播

•缺点•玩家留存率、付费率和H5游戏⼀一样低

Hybrid Games

Mobile

Script VM

Native Game Engine

HYBRID

参数 HTML5 HYBIRD NATIVE

Instant Play Y Y N

图形渲染 Canvas, CSS, WebGL OpenGL OpenGL

性能 慢 快 快

发布 超级app 超级app和渠道 渠道

流量获取成本 低 低 ⾼高

留存率 低 低 ⾼高

付费率 低 低 ⾼高

主要推动⼒力量 新兴渠道和CP 引擎提供商 系统提供商

Mobile Web Game各种技术⽅方案对⽐比

Cocos：迎接⼿手机⻚页游时代

Why Cocos Play

HTML5瓶颈

商业化能⼒力

What’s Cocos Play

Native Engine

HTML5 Game

Android

Lua/JavaScript VM

Native Game

Web Engine

100% Native Performance!

HTML

You’re familiar with…

总结

HTML5游戏和⼿手机⻚页游现状

真HTML5 vs 伪HTML5

Cocos：迎接⼿手机⻚页游时代

THANK YOU !