Gra HTML5 na natywną aplikację

Question

Tworzę grę w HTML5. Najbardziej znam język HTML5 i preferuję go w języku wyższego poziomu, na przykład w C++. HTML5 to świetna platforma do pisania gier. Moim jedynym problemem jest to, że chcę uruchomić moją grę jako aplikację natywną (że można uruchomić bez funkcji przeglądarki internetowej, jest pełnoekranowy, itp.), Ale nie wiem, co jest do użycia. Rozejrzałem się i znalazłem rzeczy na platformy mobilne (takie jak PhoneGap), ale bez pulpitów (takich jak Windows, Mac i Linux). Ostatecznie, szukając tak ciężko, jak tylko mogłem, znalazłem TideSDK. TideSDK jest podobny do PhoneGap, ale jest przeznaczony dla systemów operacyjnych komputerów i działa na wszystkich trzech popularnych (Windows, Mac i Linux). JEDNAK, TideSDK tak naprawdę nie działa wystarczająco szybko do gry. Nie obsługuje window.requestAnimationFrame, więc wykonanie setInterval dla pętli gry sprawiło, że jest bardzo powolny. Tak powolny, że zgaduję, że chodziło o 2 lub 3 FPS. Próbowałem tej samej gry w Chrome i działa dobrze.

Czy jest dostępna alternatywa, która będzie wystarczająco szybka dla gier HTML5? (Nie chcę przechodzić przez XCode [i inne IDE na innych platformach], aby utworzyć ramkę Webkit, nie jest to naprawdę wieloplatformowe i jest czasochłonne. Zrobiłbym to, gdybym musiał, ale) Do mojego systemu używam, używam Maca (OSX 10.8, Mountain Lion), ale mam dostęp do Windows 7 i 32-bitowego Ubuntu 12.04.

Answer 1

Sam szukałem na chwilę rozwiązania wszechstronnego. Próbowałem wszystkiego od TideSDK, AppJS, natywnego kodu w VB.NET, XCode, Python, C++, Electron, nw.js/node-webkit, etc: W zasadzie to nazwę Próbowałem go.

Uwaga Electron jest niezły, ale działa tylko na 64-bitowych procesorach. Tak więc nw.js/node-webkit jest lepszym rozwiązaniem, jeśli chcesz, aby Twoja aplikacja działała na procesorach 32-bitowych i 64-bitowych.

Postanowiłem więc zbudować własne rozwiązanie open source o nazwie WebDGap. WebDGap działa w systemach Windows, Linux, Mac OS X, Google Chrome i jako aplikacja internetowa! Po wyeksportowaniu aplikacji jako systemu Windows, Linux lub Mac aplikacja WebDGap używa nw.js jako platformy do uruchamiania aplikacji internetowej jako aplikacji komputerowej. Ponieważ używa ona nw.js jako platformy do uruchamiania aplikacji jako aplikacji komputerowej i nie musisz zmieniać kodu tak bardzo, aby aplikacja działała inaczej niż w przypadku Electron.

Na przykład, jeśli używasz JQuery w aplikacji i eksportowania z Electron nie można załadować JQuery jak zwykły biblioteką JavaScript.

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

Trzeba by załadować go tak ...

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

Oglądaj How To Video aby nauczyć się korzystać WebDGap.

Oto zrzut ekranu.

Będąc już użytkownikiem Maca, możesz scalić wyeksportowaną aplikację do jednego pliku .app mac. Można to zrobić za pomocą Automator (i trochę skryptów powłoki).

Jest też plac zabaw dla kodowania zrobiłem dla użytkowników telefonów komórkowych, który wykorzystuje nw.js jak WebDGap do biegania/konwersja aplikację jako natywnej aplikacji komputerowej o nazwie kodeWeave.

Oto gra Tic-Tac-Toe mam zamiar eksportować jako Mac App:

Teraz aplikacja internetowa działa jako natywna aplikacja Mac!

Wreszcie istnieje wiele narzędzi, dzięki którym można zasilać gry za pomocą WebGL.

Moje ulubione i polecam Goo Create, ponieważ można to zrobić całkowicie bez kodu, ale działa również z niestandardowym kodem, który można dodać do niego.

Answer 2

musiałbym zajrzeć do elektronu

http://electron.atom.io/

Dość dobra dokumentacja i wygląda zrobić dokładnie to, czego szukasz.

Wydajność jest dobra w aplikacjach, które wypróbowałem!

Answer 3

Dla platform mobilnych sugeruję PhoneGap/PhoneGap Build/Cordova.

Do komputerów stacjonarnych sugeruję Nw.js, Chrome App lub WebDGap.

Nw.js to najbardziej zaawansowana platforma technologii internetowej dla komputerów stacjonarnych.

Nw.js jest środowiskiem uruchomieniowym aplikacji opartym na Chromium i node.js. Możesz pisać natywne aplikacje w HTML i JavaScript z Nw.js. Pozwala również na moduły dzwonić bezpośrednio z DOM i umożliwia nowy sposób pisania natywnych aplikacji przy użyciu wszystkich technologii internetowych.

Node.js działa zarówno na procesorach 32-bitowych i 64-bitowych, szybko modernizacji, deweloperzy są bardzo pomocni i ponieważ jest zbudowany od chromu to błyskawicznie.

Answer 4

Jest to lista struktur gmae siedzibą w HTML5: https://html5gameengine.com/

ale niektóre z najbardziej popularnych są:

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

http://impactjs.com/