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-bit.

Answer 1

Я сам искал решение для решения проблемы на некоторое время. Я попробовал все из TideSDK, AppJS, машинный код в VB.NET, XCode, Python, C++, Electron, nw.js/node-webkit и т.д.: В основном вы называете это я уже пробовал.

Замечание Electron приятно, но оно работает только на 64-битных процессорах. Таким образом, nw.js/node-webkit - лучшее решение, если вы хотите, чтобы ваше приложение работало на 32-битных и 64-битных процессорах.

Поэтому я решил создать собственное решение с открытым исходным кодом под названием WebDGap. WebDGap работает под Windows, Linux, Mac OS X, Google Chrome и как веб-приложение! При экспорте приложения в качестве приложения Windows, Linux или Mac WebDGap использует nw.js в качестве рамки для запуска вашего веб-приложения в качестве настольного приложения. Поскольку он использует nw.js как основу для запуска вашего приложения в качестве настольного приложения, и вам не нужно менять свой код так, чтобы ваше приложение работало в отличие от Electron.

Например, если вы используете JQuery в своем приложении и экспортируете с помощью Electron, вы не можете загрузить JQuery, как обычную библиотеку javascript.

<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.

Вот скриншот.

Поскольку вы являетесь пользователем Mac, вы можете объединить экспортированное приложение в файл .app mac. Это можно сделать с помощью Automator (и небольшой скрипт оболочки).

Существует также игровая площадка для кодирования, которую я сделал для мобильных пользователей, которая использует nw.js как WebDGap для запуска/преобразования вашего веб-приложения в качестве собственного настольного приложения под названием kodeWeave.

Вот Tic-Tac-Toe игры я собираюсь экспортировать в Mac App:

Теперь веб-приложение работает как родное приложение Mac!

Наконец-то есть множество инструментов для создания игр WebGL.

Мое избранное и что я рекомендую Goo Create, потому что вы можете сделать это целиком без кода, но также работать с настраиваемым кодом, который вы можете добавить в него.

Answer 2

я бы заглянуть в электрон

http://electron.atom.io/

Неплохой документацию и выглядит сделать именно то, что вы ищете.

Производительность, которую он хорошо поднял в приложениях, которые я пробовал!

Answer 3

Для мобильных платформ предлагаю PhoneGap/PhoneGap Build/Cordova.

Для настольных компьютеров предлагаю Nw.js, Chrome App или WebDGap.

Nw.js - это самая передовая платформа для веб-технологий для настольных компьютеров.

Nw.js это приложение, среда выполнения на основе Chromium и node.js. Вы можете написать собственные приложения в HTML и JavaScript с помощью Nw.js. Он также позволяет вам вызывать модули Node.js непосредственно из DOM и позволяет использовать новый способ , записывающий собственные приложения со всеми веб-технологиями.

Node.js работает на обоих 32-битных и 64-битных процессоров, быстро модернизировать, разработчики чрезвычайно полезны и потому, что она построена от хрома это молниеносно.

Answer 4

Это список структур gmae, базирующихся в html5: https://html5gameengine.com/

Но некоторые из наиболее популярными являются:

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

http://impactjs.com/