javascript - HTML5 游戏到原生应用

Question

我正在用 HTML5 制作游戏。我最熟悉 HTML5，并且比 C++ 等高级语言更喜欢它。HTML5 是编写游戏的绝佳平台。我唯一的问题是我想将我的游戏作为本机应用程序运行（您可以在没有互联网浏览器功能的情况下启动，是全屏等），但我不知道有什么用。我环顾四周，找到了适用于 MOBILE 平台（如 PhoneGap）的东西，但没有找到适用于桌面（如 Windows、Mac 和 Linux）的东西。最终，尽我所能四处寻找，我找到了 TideSDK。TideSDK 与 PhoneGap 类似，但适用于计算机操作系统，可在所有三种流行的操作系统（Windows、Mac 和 Linux）上运行。然而，TideSDK 的运行速度对于游戏来说并不够快。它不支持 window.requestAnimationFrame，因此为游戏循环执行 setInterval 会使其非常慢。太慢了，我猜它是 2 或 3 FPS。我在 Chrome 上尝试了完全相同的游戏，它运行良好。

有没有我可以使用的替代方案，对于 HTML5 游戏来说足够快？（我不想通过 XCode [和其他平台上的其他 IDE] 来制作 Webkit 框架，它并不是真正的跨平台，而且很耗时。不过，如果我必须这样做，我会这样做）我正在运行的系统，我使用的是 Mac（OSX 10.8，Mountain Lion），但我可以访问 Windows 7 和 Ubuntu 12.04 32 位。

Answer 1

我会看看电子

http://electron.atom.io/

相当好的文档，看起来完全符合您的要求。

性能方面，它在我尝试过的应用程序中表现良好！

Answer 2

我自己一直在寻找一个全方位的解决方案。我尝试了 TideSDK、AppJS 、 VB.NET中的本机代码、XCode、Python、C++、Electron、nw.js / node-webkit等中的所有内容：基本上你说的我都试过了。

注意Electron很好，但它只能在 64 位处理器上运行。因此 ，如果您希望您的应用程序在 32 位和 64 位处理器上运行，nw.js / node-webkit是一个更好的解决方案。

所以我决定构建自己的开源解决方案，称为WebDGap。WebDGap可在 Windows、Linux、Mac OS X、Google Chrome 上运行并作为 Web 应用程序运行！当您将应用程序导出为 Windows、Linux 或 Mac 应用程序时， WebDGap使用nw.js作为框架将您的 Web 应用程序作为桌面应用程序运行。因为它使用nw.js作为将您的应用程序作为桌面应用程序运行的框架，并且您不必像使用Electron那样更改代码来让您的应用程序正常工作。

例如，如果您在应用程序中使用JQuery并使用Electron导出，则无法像常规 javascript 库那样加载JQuery 。

<script src="libraries/jquery/jquery.js"></script>

你必须像这样加载它......

<script>
  window.$ = window.jQuery = require("./libraries/jquery/jquery.js")
  // or if you installed jquery via npm you could use
  // window.$ = window.jQuery = require("jquery")
</script>

观看操作视频以了解如何使用WebDGap。

这是一个屏幕截图。

由于您已经是 Mac 用户，您可以将导出的应用程序合并到 1 个 .app mac 文件中。这可以通过Automator（和一些 shell 脚本）来完成。

我还为移动用户制作了一个编码游乐场，它使用nw.js就像WebDGap一样将您的 Web 应用程序运行/转换为名为kodeWeave的本机桌面应用程序。

这是我要导出为 Mac 应用程序的井字游戏：

现在 Web 应用程序作为本地 Mac 应用程序运行！

最后，有很多工具可以制作基于WebGL的游戏。

我最喜欢和推荐的是Goo Create，因为您可以完全不使用代码来完成它，但也可以使用您可以添加到其中的自定义代码。

Answer 3

对于移动平台，我建议PhoneGap / PhoneGap Build / Cordova。

对于桌面，我建议使用 Nw.js、Chrome App或WebDGap。

Nw.js是最先进的桌面网络技术平台。

Nw.js是一个基于Chromium和node.js的应用运行时。您可以使用Nw.js以 HTML 和 JavaScript 编写本机应用程序。它还允许您直接从 DOM 调用Node.js模块，并启用一种使用所有 Web 技术编写本机应用程序的新方法。

Node.js可以在 32 位和 64 位处理器上运行，正在快速升级，开发人员非常乐于助人，而且因为它是基于 chromium 构建的，所以速度快如闪电。

Answer 4

这是基于 html5 的 gmae 框架列表： https ://html5gameengine.com/

但一些最受欢迎的是：

https://www.scirra.com/ https://www.scirra.com/

http://impactjs.com/