HTML5 JavaScript 게임을 기본 Windows 응용 프로그램으로 번들하는 방법은 무엇입니까?


13

웹 브라우저가 발전함에 따라 JavaScript, Canvas를 사용한 HTML5 게임 개발 webgl이 점점 더 대중화되고 있습니다. 기본 앱과 비교 한 웹 기반 게임의 장점은 여러 플랫폼에서 실행되므로 OS 별 라이브러리 또는 프로그래밍 환경을 사용하지 않아도된다는 것입니다.

이미 크롬 웹 스토어 를 통해 웹 게임을 판매 할 수 있지만 인디 게임 개발자에게는 수익성이 좋지 않지만 인기가 없다고 생각합니다.

Mac App Store 또는 Steam에서 게임을 판매하여 더 많은 사람들에게 다가 갈 수 있다고 생각하지만 독립 실행 형 응용 프로그램으로 번들로 제공해야합니다.

Mac의 경우 Apple의 WebView 구성 요소를 사용하여 HTML5 게임을 기본 앱으로 쉽게 번들 할 수 있습니다. 다음은 그 방법에 대한 예입니다 .

이제 궁금합니다 : Windows 플랫폼과 동등한 방법이 있습니까?


2
"여러 플랫폼에서 실행"... 지옥만큼 느리다. 타사 시스템 기반 소프트웨어를 사용하지 않고 브라우저로 복잡한 멋진 게임을 만들 수있는 방법은 없습니다. 완전히 과장된
daemonfire300

예, node-webkit을 사용하여 게임을 OSX, Windows 및 Linux 앱으로 번들링 할 수 있습니다 : < github.com/rogerwang/node-webkit > 사용하기 매우 쉽습니다.
d13

답변:


6

타겟팅하고 있습니다 html5 / js 게임을 위해 node-webkit 을 있습니다. 내 코드의 대부분은 브라우저 측에서 실행되므로 node.js 측면은 주로 작은 서버를 실행하고 html / js 코드를 임베디드 브라우저로 보낼 수있을 정도로 단순하기 때문입니다.

빠르게 진행되는 게임의 좋은 데모는 "마법사 도마뱀"입니다. 그들은 그들의 성공에 대해 이야기합니다 reddit 에서 하고 분명히 node-webkit을 사용합니다.

"Gamedev Tycoon"의 배후에있는 사람들은 Steamworks 통합 API를 오픈 소스로 공개했습니다 . node-webkit에서 스팀의 내부와 상호 작용할 수 있습니다.

인기있는 (읽기 : 초보자 친화적) 게임 개발 플랫폼 인 " Construct 2 "를 사용하면 html5 / canvas를 사용하여 단순한 게임을 제작할 수 있습니다. 또한 node-webkit을 사용하여 게임을 실행 파일로 패키지합니다. 디지털 미디어 배경을 가진 저의 프로그래머가 아닌 친구가 상당히 빨리 그것을 선택했습니다. 나는 그의 첫 번째 테스트 게임작은 데모를 예로 들었다 .

또 다른 옵션은 html / javascript를 사용하고 싶지 않지만 브라우저 기반 게임을 원한다면 Unity 프레임 워크 또는 Unreal Engine을 사용하는 것 입니다. 언리얼 엔진은 현재 완벽하게 지원하지는 않지만 로드맵 에 따라 최고 수준의 기능이되고 있습니다. 서버 측을 통합하는 것은 매우 쉬웠으며 엔진은 널리 사용되는 서비스와 통합되어 있으며 서버 측 요소와 매우 쉽게 상호 작용할 수 있습니다. 웹과의 통합 방법에 대해 자세히 읽을 수 있습니다주제에 대한 mozilla의 새로운 블로그 게시물에서 .

이 모든 것들이 itch.io 와 잘 작동합니다 .


1
node-webkit을 사용한 빠르고 쉬운 경로 : github.com/jyapayne/Web2Executable/releases
Jersh

3

내가 실수하지 않으면 .NET Framework의 Winforms API에는 응용 프로그램에 추가하고 HTML 내용을 표시하며 간단한 인터페이스를 통해 수정할 수있는 웹 브라우저 구성 요소가 있습니다. 이미 설치된 웹 브라우저 (일반적으로 IE)에 의존하므로 사용자가 게임을 보는 데 필요한 모든 것을 가지고 있는지 확인해야하지만 그 외에는 작동하지 않는 이유를 알 수 없습니다.

이것은 유망 해 보인다. 내가 도와 줬기를 바랍니다 :)


1

Qt를 모든 주요 플랫폼에서 작동하는 QtWebkit 위젯과 함께 사용할 수 있습니다.


1

Titanium Desktop 은 Windows 용 기본 앱을 만들기위한 HTML5 CSS3 Javascript 플랫폼을 제공하지만 유일한 단점은 누구나 앱을 볼 수 있도록 앱의 소스 코드가 완전히 열려 있다는 것입니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.