HTML5 모바일 게임 개발 및 기본 게임 앱 [닫기]


12

HTML5 기술 세트 (RaphaelJS, Impact, gameQuery와 같은 JavaScript 라이브러리 포함)와 관련된 게임 엔진, 프레임 워크, 라이브러리 및 변환의 현재 상태는 무엇입니까? 그리고 네이티브 앱 개발 (특히 iOS 및 Android 용)을 비교할 때 최고가 어떻게 다른가요?

특히 퍼포먼스, 시각 및 "네이티브 느낌"을 얻는면에서.

Appcelerator 및 Corona SDK와 같은 솔루션에 대한 의견도 높이 평가됩니다. Unity3D와 관련하여 개발이 가능하며 게임을 브라우저 (예 : Chrome 또는 Firefox와 같은 최신 릴리스)에서 종속성없이 사용하거나 사용자가 아무것도 설치하지 않아도 (단일 웹 플레이어 없음) .

내가 찾고있는 것은 iOS 및 Android 용 게임을 새로 구현하지 않고도 모바일에 대한 기본 경험을 유지하면서 최대 플랫폼 수 (외부 모바일 포함)에 도달하기 위해 웹 표준으로 개발하는 방법입니다.


2
유니티에는 여전히 웹 플레이어가 필요합니다. Flash 11 배포 작업을하고 있지만 한동안은 끝나지 않을 것입니다. 기분이 좋은 모바일 브라우저에서 HTML5 게임을하지 않았습니다. 그리고 HTML5 오디오는 여전히 짜증의 더미입니다.
michael.bartnett

1
"기본 느낌"을 원한다면 기본 앱이 필요합니다. 그렇지 않으면 항상 지원하려는 플랫폼의 공통 분모로 제한됩니다.
bummzack

추가 작업 없이는 물론입니다. 그러나 게임의 모든 기초를 다시 작성할 필요가 없다면 터치 인터페이스에 대한 더 전문화 된 코드를 추가하는 것이 완전히 허용됩니다.
Vic Goldfeld

1
내 경험에 비추어 볼 때 네이티브 게임은
저가형

답변:


7

HTML5 라이브러리는 놀랍게도 특히 어린 나이를 고려하면 좋습니다. 입자 효과, 물리학 등을 지원하는 견고한 2D / 3D 엔진이 있습니다. 그러나 Unity 나 Unreal Engine과 같은 기존의 성숙 된 게임 엔진과 비교할만한 것은 없습니다.

또한 내 경험에 따르면 HTML5 라이브러리는 이벤트 중심적입니다. 예를 들어 스프라이트에는 onclick 이벤트가 있으며 전통적인 게임 루프는 없습니다.

성능을 위해 기본 앱은 HTML 5 캔버스와 관련된 것보다 훨씬 빠릅니다. 그것은 내 경험의 범위이지만 Appcelerator 또는 Corona SDK에 대해서는 전혀 모른다.

그러나 목표가 "웹 표준"부분보다 "최대 플랫폼 수"인 경우 거의 모든 작업에서 작동하는 Unity와 같은 솔루션을 제안하며 내장 편집기 덕분에 매우 생산적인 엔진입니다.


6

Scirra의 Tom은 Construct 2를 HTML5 게임 메이커로 만듭니다.

우리는 최근 HTML5 Canvas / WebGl / C ++ DX 성능을 비교하여 블로그에 올렸습니다. 여기에서 읽을 수 있습니다.

http://www.scirra.com/blog/58/html5-2d-gaming-performance-analysis

그리고 여기 그래프가 있습니다 :

여기에 이미지 설명을 입력하십시오

네이티브 모바일 형식과 비교할 때 성능은 아니지만 성능 차이를 나타내는 데스크톱 네이티브 앱과 비교 한 것입니다.


그래프를 좋아하십시오. 2016 업데이트의 기회가 있습니까?
Dan Dascalescu

4

무엇보다도 Corona SDK는 작업하기에 좋습니다. 루아는 훌륭한 언어이고 코로나는 매우 철저한 틀이며 문서는 지금까지 훌륭했습니다.

제 생각에는 HTML5 게임 개발은 그만한 가치가 없습니다. 데스크톱 및 모바일 브라우저 모두에서. 데스크톱 및 모바일 장치에서 멋진 게임을 실행하는 것이 목표라면 귀찮게하지 마십시오. HTML5 게임을 만드는 것이 목표라면 사람들이 언급 한 프레임 워크 중 하나를 사용하십시오 ( 도면 유형 인터페이스에 대해서는 Crafty 또는 Gee 를 참조하십시오).

주된 이유는 게임을 할 때 완벽하고 세련된 게임을 만들고 싶어하기 때문입니다. 완벽하고 세련된 게임을 만드는 것은 좋은 오디오입니다. <audio>태그가 주요 브라우저에서 지원 되지만 (충분히 다른 형식을 제공한다고 가정 할 때) 사운드 트랙을 프로그래밍 방식으로 관리하는 createElement것은 일종의 고통입니다. SoundManager 2는 솔루션이 아니라 반창고입니다. 대부분의 경우 데스크톱 용 Flash 객체를 사용하여 대체됩니다. 어느 시점 에서 플래시로 대담한 것을 만들어 보지 않겠습니까?

iOS에서 Zynga의 Jukebox 라이브러리 와 같은 핵을 사용하지 않는 한 실제로는 사용자 입력에 대한 응답으로 만 사운드를 재생하는 것으로 제한됩니다. 이건 말도 안돼.

또한 HTML5 게임을 앱으로 패키징하지 않는 한 게임을하려면 연결이 필요합니다. 제가 모바일 게임을 가장 많이하는 시간은 지하철에 있습니다. 아무런 신호도 없습니다. 그리고 게임을 꾸리면 소리가 나지 않는 것이 이상하지 않습니까? 게임을 다운로드하는 경우 일정 수준의 응답 성과 광택이 필요합니다. 읽기 : 기본 앱.

HTML5의 추가 개발 및 모바일 브라우저가 더 빠르고 HTML5 오디오가 빨라질 때까지 Javascript 등을 사용 <canvas>하여 즐거운 시간 을 보낼 수는 있지만 세련된 게임을 만들기 위해 가지 않을 것입니다. 그것은 당신의 목표가 무엇인지 요약합니다. 누가 게임을하는지 알고 있으며 개발자가 아닌 사람도 레이더에 모바일 HTML5 게임을 가지고 있습니다. 다시 한 번 멋진 HTML5 게임을 만들고 싶다면 HTML5 게임을 만드십시오. 멋진 게임을 만들고 판매하려면 플레이어 경험의 품질을 우선시하십시오.


2012 년 중반 업데이트 요청-HTML5 게임 개발이 개선 되었습니까? 여전히 성능 차이와 오디오 문제가 있습니까?
플래시

3

http://cocos2d-javascript.org/를 확인 하십시오

아직 완전히 구현되지 않았습니다. 그러나 일단 완료되면 가장 좋을 것입니다 :)

해당 사이트에는 몇 가지 데모가 있습니다.

편집 : 방금 확인하면 데모는 모바일 친화적이지 않습니다 ...


3

다른 답변에서 볼 수 있듯이 성능 차이는 상당히 큽니다. 그러나 웹에서 기본 웹 성능을 얻는 데 사용되는 새로운 방법이 있습니다 (Chrome 사용).

MonoGame 은 가능한 한 많은 플랫폼에서 작동하도록 설계된 XNA 프레임 워크의 오픈 소스 구현입니다. 이것을 Chrome Chrome NaCl (Native Client) 과 결합 하면 결과가 놀랍습니다 (크롬 필요).

내 조언은 XNA 또는 MonoGame에서 기본 앱을 빌드하고 NaCl 및 / 또는 ExEn 을 고려 하여 게임을 다른 플랫폼으로 가져 오는 것입니다. 대부분의 코드 기반은 모든 플랫폼에서 동일하지만 크기가 작기 때문에 게임이 단순 해지면 HTML5 게임이 단순 해지지 않습니다.

내 의견으로는 HTML5는 아직 사용 가능한 성능과 관련이 없지만 HTML5의 접근 가능성과 거의 비슷한 다른 옵션이 있지만 게임 출시에 약간의 복잡성 (및 상황에 따라 비용)이 추가됩니다.


세상에, NaCl은 네이티브 C ++ 코드만을위한 것이라고 생각했지만 모노도 실행하고 있습니까?!
David Gouveia


1

PlayN 시도해 볼 수 있습니다 . 아직 성숙하지 않았거나 문서화가 잘되어 있지는 않지만 제대로 작동하려면 약간의 노력이 필요하지만 Java로 프로그래밍하고 게임을 다양한 플랫폼 (현재 Java, HTML5, Flash, Android 및 iOS, 향후 Windows Phone 7).

Corona, Phonegap 등의 장점은 가상 머신을 사용하여 실행하는 것이 아니라 각 플랫폼에 대해 게임을 컴파일한다는 것입니다. 이를 통해 모든 플랫폼에서 거의 기본 성능을 얻을 수 있습니다.


0

멋진 답변과 링크-감사합니다!

내 자체 (HTML5 / JS 및 PhoneGap) 벤치마킹을 수행하고 동일한 대답을 찾고 있습니다. HTML5는 아직 없습니다. 나는 게임에 최적화 된 제거 된 브라우저를 가지고 있다고 주장하는 app * mobi와 같은 더 '이국적인'답변을 가지고 놀지는 않았지만 일반적인 "HTML5로 게임을 작성하고 전화로 재생"계획은 이 시점에서 실행 가능하지 않습니다. 도착할 수도 있지만 확실하지 않습니다. 브라우저는 렌더링 엔진이 아니며, 우리는 많은 노력을 기울이고 있습니다. 대신에 우리는 누군가가 임계 질량을 얻는 대안을 생각 해낼 것이며, 그것이 일어날 것이라고 생각합니다. 시간이 말해 줄거야.

GitHub에 있으며 모든 사람에게 무료로 제공되는 피드백에 대한 의견과 건설적인 비판을 좋아합니다.

https://github.com/GameMaker/PhoneGap-Performance-Test--PGPT-

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