软件简介
Egret Runtime是大幅强化HTML5游戏体验的加速器组件。他可以作为扩展模块无缝的嵌入到移动浏览器或一个移动原生应用中。通过 Egret Runtime,我们可以忽略不同操作系统,不同浏览器,不同终端的差异,让Egret开发的HTML5游戏以接近原生的表现在用户手机终端中高效运行。
功能介绍
通常情况下,一款HTML5游戏的底层实现技术原理如下:
采用 HTML5 Canvas 进行绘图,在浏览器的 WebView 中进行渲染。
采用 HTML5 Audio 或 WebAudio API 进行声音播放。
采用浏览器提供的集成API完成游戏需要的各种操作。
这种做法带来的问题是,HTML5游戏过于依赖浏览器提供的接口,而浏览器在最初设计时就不是为游戏考虑的,所以 HTML5 游戏往往存在以下问题:
在缺乏硬件加速 WebView支持的情况下渲染性能极差,游戏卡顿严重。
声音在特定设备上,不支持音乐音效混播。
无法获取详细的设备类型和参数。
本地存储机制不稳定且不够灵活。
在跨平台的适配标准上是碎片化的。
Egret Runtime 作为浏览器和应用的一个扩展组件的出现,直接支持了 HTML5 游戏运行所需要的所有底层功能,能够解决上述诸多问题。
Egret Runtime接入方法
启动一个具有Egret Runtime的App的典型流程:
当用户点击游戏图标时,App启动Egret Runtime,并设定该游戏的信息。
Egret Runtime根据启动信息得到该游戏信息,并向指定的云(或服务器)开始请求该游戏的更新列表。
获得云响应,得到更新列表,执行更新并启动游戏,用户开始游戏。
用户退出游戏,Egret Runtime退出,回到App的控制中。
总体架构
Runtime的组成部分有:JavaScript的Runtime,OpenGL ES的图形渲染接口,MediaPlayer的声音与Sound音效的管理,手机事件的监听,网络接入等功能。
JavaScript Runtime。用于解释执行Egret游戏逻辑。
OpenGL ES图形渲染接口。调用Native的OpenGL ES接口GLSurfaceView进行渲染。
声音与音效。调用MediaPlayer和Sound
用户交互。处理用户交互事件,比如触摸。
网络接入。用来热更新和动态加载游戏资源。
JavaScript 绑定
Egret runtime核心包含一个JavaScript的解析引擎,运行 JavaScript 逻辑,并通过接口绑定的方式将 JavaScript 函数映射到 Native实现中,JavaScript绑定是最终业务逻辑实现是松耦合的架构。
渲染机制
在传统HTML5游戏中,游戏渲染是由手机 WebView 的canvas标签实现的,受限于WebView并不仅仅是为了纯粹的游戏而生的客观条件,以及部分浏览器对硬件加速支持不佳,导致了基于 HTML5 canvas的游戏整体表现不佳。egret runtime 直接访问底层的OpenGL ES,最大程度的挖掘设备的性能潜力。
Native接口实现
Egret runtime 封装了 JavaScript -> C++ -> Android Native的接口通讯过程,包括触摸、声音、网络、设备信息等接口都可以在 JavaScript层通过这个接口获取。