使用 HTML5 为移动设备开发游戏

 

游戏需要跨所有移动平台运行相同语言,而 HTML5 是跨平台移动游戏开发的理想之选。使用 HTML5 可减少针对多平台开发游戏的时间,并能够在不同移动平台之间提供一致的游戏体验,如 Apple iOS*、Android* 和 Microsoft Windows*。

HTML5 游戏引擎

HTML5 拥有丰富的资源,如开源游戏引擎框架、游戏资产等。 下面的链接列出了 HTML5 游戏开发社区使用的流行 HTML5/JavaScript 游戏引擎框架:

面向 HTML5 游戏开发的英特尔 XDK

英特尔® XDK 是一种跨平台开发环境,可帮助您轻松进行游戏开发,快速访问应用商店。

  • 从设计到应用商店的集成开发工作流
  • 内置设计、调试和构建工具,以及数百个 Cordova API
  • 流行的游戏引擎支持 Construct2*、Coco2D*、Phaser*、Pixi*、CreateJS* 和 PlayCanvas*
  • 针对 Android*、iOS* 和 Windows* 开发沉浸式单玩家或多玩家游戏
  • 更快速部署到更多应用商店和各种设备中

英特尔 XDK 开发环境可使用这些游戏引擎框架进行简化,针对各种移动平台开发、测试和构建游戏。 它可帮助您针对多种平台开发 HTML5 混合应用和游戏,详情请见:

一些 HTML5 游戏引擎具有游戏创建工具,提供将游戏导出至 HTML5 代码的选项。 一些其他 HTML5 游戏引擎仅用作开源框架。

Construct 2* 和 PlayCanvas* 两种 HTML5 游戏引擎,提供游戏编辑工具来创建游戏,无需编程。 二者都提供将所开发游戏作为 HTML5 源代码导出的选项。 您可以将代码导入英特尔 XDK,以便在各种设备上测试游戏,针对多种平台构建游戏并将游戏发布至各种应用商店。

其他流行的 HTML5 游戏引擎用作开源框架。Phaser*, Pixi*、 Cocos2DJS* 和 EaselJS* 是三种2D 游戏引擎BabylonJS* 和 ThreeJS* 是当前流行的 HTML5 3D 游戏引擎

下面列出了一些有用资源,可用于使用 HTML5 游戏引擎和英特尔 XDK 开发游戏:

Construct 2

construct2Construct 2 是一款基于 HTML5 的 2D 游戏创建工具。 它面向非编程人员,可提供拖放式可视编辑器设计和开发游戏逻辑。

相关文档和工具发布在 Construct 2 网站上。 点击下面的链接,查看有关将 HTML5 代码从 Construct 2 导入英特尔 XDK 的文档:

 

 

PlayCanvas

PlayCanvasPlayCanvas 是一款基于 HTML5 的 3D 游戏引擎,具有用于模拟和编辑游戏的云端游戏创建工具。

游戏开发文档发布在 PlayCanvas 网站上。 点击下面的链接,查看有关将 HTML5 代码从 PlayCanvas 导入英特尔 XDK 的文档:

 

 

Phaser

PhaserPhaser 是一款基于 HTML5 的开源 2D 游戏引擎。 Phaser 使用 HTML5 Canvas 和 WebGL 进行基于浏览器支持的渲染。

有关使用该框架进行 2D 游戏开发的文档发布在 Phaser 网站上。 点击下面的链接,查看有关使用 Phaser 和英特尔 XDK 针对移动设备开发跨平台游戏的文档

 

 

Cocos2D-JS

Cocos2D-JS

Cocos2d-JS 是一款基于 HTML5 的开源 2D 游戏引擎。 Cocos2d-JS 使用 HTML5 Canvas 和 WebGL 进行基于浏览器支持的渲染。

有关使用该框架进行 2D 游戏开发的文档发布在 Cocos2d 网站上。 点击下面的链接,查看有关使用 Cocos2d 和英特尔 XDK 针对移动设备开发跨平台游戏的文档

 

 

BabylonJS

BabylonJSBabylonJS 是一款基于 HTML5 的开源 3D 游戏引擎。 BabylonJS 框架包含灯光、摄像头、材料和网格、碰撞引擎、物理引擎、音频引擎及更多用于 3D 游戏开发的特性。

有关使用该框架进行 3D 游戏开发的文档发布在 BabylonJS 网站上。 点击下面的链接,查看有关使用 BabylonJS 和英特尔 XDK 进行游戏开发的文档:

 

 

iOS 和 Android 上的 HTML5 游戏性能

使用非默认的 WebView,优化 iOS 和 Android 应用,提升游戏性能。 下面介绍了一些针对 iOS 和 Android 的游戏性能和优化建议。

iOS 游戏性能优化

从 iOS 8 开始,iOS WebView 就支持 WebGL,后者可大幅提升 HTML5 游戏性能。 在 iOS 设备中,iOS 8 占有 95% 的市场份额,因此可针对 iOS 8 在英特尔 XDK 中进行 iOS 构建设置。 这可确保 HTML5 游戏在 iOS 上最高效运行。iOS 还支持基于更快速 JavaScript 引擎(即 WKWebView*)的 WebView。 WKWebView 使用 Nitro* JIT JavaScript 引擎,该引擎相比默认的 UIWebView 具有大幅提高的性能。 点击下列链接,了解如何使用 WKWebView 和英特尔 XDK 构建 iOS 应用:

Android 游戏性能优化

Android 版本 5 WebView 支持 WebGL,后者可大幅提升 HTML5 游戏性能。然而,截至目前,Android 版本 5+ 在 Android 设备中的市场份额不到 30%。 Android 4.x 占有约 60% 的市场份额。Crosswalk Project 通过提供可用于 Android 4.x 设备的最新 WebView,解决了 Android 碎片化问题。 当 Crosswalk 启用时,英特尔 XDK 支持轻松构建 Android 应用,并可确保游戏在所有 Android 4 和更高版本设备上流畅运行。 点击下列链接,了解如何使用 Crosswalk 和英特尔 XDK 构建 Android 应用:

 

游戏盈利

通过添加面向 AdMob*、应用内购买集成和 iOS 游戏中心/Google Play 服务集成的 Cordova* 插件,从您使用英特尔 XDK 开发的游戏中盈利。

立即下载英特尔 XDK!

 

有关编译器优化的更完整信息,请参阅优化通知