HTML5游戏到本机应用程序

时间:2013-09-29 06:38:30

标签: javascript html5 native

我正在用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位。

4 个答案:

答案 0 :(得分:10)

我想看看电子

http://electron.atom.io/

相当不错的文档,看起来完全符合您的要求。

性能方面,它在我尝试的应用程序中表现良好!

答案 1 :(得分:7)

我自己一直在寻找一个全方位的解决方案。我尝试了TideSDK,AppJSVB.NET中的原生代码,XCodePythonC++Electronnw.js等所有内容/ node-webkit等:基本上你把它命名为我已经尝试过了。

  

注意Electron很不错,但它只能在64位处理器上运行。所以   如果您需要自己的应用,nw.js / node-webkit是更好的解决方案   在32位和64位处理器上运行。

所以我决定构建一个名为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>

观看How To Video以了解如何使用WebDGap

这是一个截图。 The WebDGap Application

由于您已经是Mac用户,因此您可以将导出的应用程序合并到1个.app mac文件中。这可以使用Automator(以及一些shell脚本)来完成。

我还为移动用户编写了一个编码操场,使用nw.js就像WebDGap一样,将您的网络应用程序作为名为kodeWeave的原生桌面应用程序运行/转换。

这是一款Tic-Tac-Toe游戏,我将作为Mac应用程序导出: kodeWeave App

现在,网络应用程序作为原生Mac应用程序运行! Tic-Tac-Toe is now running as a Mac App

最后,有许多工具可以制作WebGL动力游戏。

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

答案 2 :(得分:2)

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

对于桌面,我建议Nw.jsChrome AppWebDGap

Nw.js是台式机最先进的网络技术平台。

  

Nw.js是基于Chromiumnode.js的应用运行时。您可以   使用Nw.js以HTML和JavaScript编写本机应用。它也可以让你   直接从DOM调用Node.js模块并启用新方法   使用所有Web技术编写本机应用程序。

Node.js适用于32位和64位处理器,正在快速升级,开发人员非常乐于助人,因为它基于铬而快速闪电。

答案 3 :(得分:1)

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

但最受欢迎的一些是:

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

http://impactjs.com/