HTML5를 사용하여 작성된 게임이 스마트 폰에서 작동합니까?


13

스마트 폰에서 재생할 수있는 게임을 만들고 싶습니다. HTML5가 다양한 스마트 폰에서 작동하는 게임을 작성하는 방법인지 궁금합니다.

답변:


17

방금 HTML5 테스트를 실행했습니다 .

  • iOS 3.1.3의 iPod Touch 2 세대 는 Safari에서 300 점 만점에 125 점과 7 점을 얻었습니다. 게임 개발에 특히 주목할 사항 :
    • 캔버스의 포인트! 게임 렌더링에 좋습니다.
    • MPEG-4 및 H.264 형식의 비디오 요소 지원
    • PCM, MP3 및 AAC 형식의 오디오 요소 지원 (bgm 및 사운드에 적합)
    • Web SQL Database와 마찬가지로 세션 및 로컬 스토리지가 지원됩니다! (게임 저장 파일?)
    • 응용 프로그램 캐시가 지원됩니다. 이 기능을 사용하면 게임 데이터 파일 (이미지 등)을 빠르게로드 할 수 있습니다. 나에게 큰 소리!
    • WebGL 지원이 없습니다.
    • WebSocket도 없습니다. 멀티 플레이어 게임은 AJAX 폴링과 같은 다른 것을 사용해야합니다.
  • Android OS 2.1 (+ Sense UI)에서 My Droid Incredible은 내장 브라우저에서 151 점을 얻었으며 300 점 만점에 보너스 점수는 없습니다. 다시 한 번 주목할 점은
    • 완벽한 캔버스 지원
    • 비디오 요소는 지원되지만 4 개의 코덱 모두 X가 있습니다. 어떤 형식으로 재생할 수 있는지 궁금합니다.
    • 오디오 요소, 비디오와 동일-지원되지만 형식에는 모두 X가 있습니다.
    • 세션 및 로컬 스토리지 및 웹 SQL 데이터베이스 모두 지원
    • 응용 프로그램 캐시가 지원됩니다
    • WebGL 또는 WebSocket이 없습니다.
    • 웹 작업자가 지원되는데 내 iPod에서는 지원되지 않습니다. 이것들은 게임 개발에서 병렬로 행동하는 것, 아마도 AI에 좋은 것일 수 있습니다.
  • 2011/1/18 편집 : My Droid Incredible은 이제 Android 2.2를 보유하고 있으며 300 점 만점에 176 점을 받았습니다. 의견에서 Tchalvak은 그의 Droid 2와 동일한 점수를 얻었으므로 Android 2.2 브라우저에서 일반적으로 사용됩니다. 또한 300에서 끔찍한 72 (보너스 포인트 없음)를 얻은 Opera Mobile 브라우저를 시도했지만 캔버스를 완전히 지원합니다!

보시다시피, iPod / iPhone 및 Android는 매우 다양하며 다양한 HTML5 기능을 지원하는 것으로 보입니다. Canvas는 2D 브라우저 그래픽에 적합하며 오디오 요소는 배경 사운드 및 음악 재생에 유용 할 것입니다. 또한 두 플랫폼 모두 스토리지를 지원한다는 점을 아시면 정말 좋습니다. 게임 저장). 전반적으로 나는 당신이 그것을해야한다고 말하고 싶습니다. 숫자가 전부는 아닙니다. wkerslake는 "이 숫자들 중 어느 것도 자신감을 불러 일으키지 않는다"고 말했지만 지원되는 것을 살펴보면 필요한 모든 것 같습니다!

가서 말해봐! 최고의 행운이 너와 함께하길 바래.

그건 그렇고, Vanthia 를보고 싶을 수도 있습니다 . 효율적인 그리기를 위해 캔버스를 사용하는 브라우저 게임입니다. 비공개 베타 버전을 플레이해야하는데 확실히 나왔습니다! 개발자는 확실히 개발 중이지만 물건을 비밀로 유지한다는 점을 제외하고는 반년 이상 동안 거의 말하지 않았습니다.

Google의 최신 Pacman 대화 형 로고 에서 아이디어를 얻을 수도 있습니다 . HTML5는 아니지만 기능적이었습니다! 브라우저 게임을 만들기 위해 실제로 HTML5가 필요하지 않다는 것을 보여줍니다 (AJAX가 있거나 여전히 HTML5가 유행어로 너무 많이 던져지고 있다고 생각합니다). 난독 처리되고 정리 된 버전의 소스 가 있는 github 프로젝트 가 있습니다.


내 droid 2 global은 html5test에서 176 점을 얻었습니다. 캔버스의 전체 포인트.
Kzqai

아, 실제로, 안드로이드 2.2를 가진 나의 Droid Incredible은 또한 176 점을 얻었으며 300 점 만점에 보너스 포인트는 없습니다. 답에 추가하겠습니다.
Ricket

또한 Vanthia의 상태를 업데이트하면 개발자는 거의 침묵을 유지하지만 게임을 위해 하루 종일 일을 끝내는 것을 고려할 때 요즘 큰 출시로 우리를 놀라게 할 것이라고 생각할 수 있습니다. 나는 그가 더 개방적 이었으면 좋겠다.
Ricket

3

HTML5는 PC의 웹 브라우저에서도 휴대 전화를 훨씬 적게 사용할 수있는 먼 길입니다.

이 숫자는 html5test를 기준으로합니다 .

  • PC의 IE8 = 27/300
  • PC의 Chrome 5.0.375.125 = 197/300
  • PC의 Safari 4.0.4 = 207/300
  • iPhone4의 Safari = 185/300

그 숫자 중 어느 것도 자신감을 불러 일으키지 않습니다.


1
이 답변은 질문과 관련이 있으면 더 도움이 될 것입니다.
Jason Orendorff

1
좀 더 구체적이어야합니다. IE8 이이 질문과 어떻게 관련이 있는지 알지 못합니다. 그리고 모 놀리 식 html5test 총계가 어쨌든 도움이되지 않는다고 생각합니다. 문제는 부품 여부 되어 구현 된 게임에 대한 좋은 (대답은 '예 것으로 보인다) 그 게임은 정말 전화의 다양한 (내가 다시 네 생각)에서 실행 할 것으로 예상 할 수 있는지 여부.
Jason Orendorff

HTML과 관련된 모든 경험에 따르면 브라우저마다 브라우저가 약간 다르게 작동합니다. 이론적으로 모두 기능을 지원하더라도 약간 다르게 지원할 수 있습니다. html5test는 플랫폼 간 지원 불균형을 확인하는 데 유용한 안내서입니다. 작업하려는 모든 브라우저에서 지원하는 옵션의 작은 하위 집합을 고수하면 게임이 작동 할 수 있습니다. 나는 이러한 표준에 대한 지원을 적절하게 구축 및 / 또는 유지하기 위해 브라우저를 믿지 않습니다. (참조 크롬은 기존 H264의 지원을 중단)
wkerslake

오늘 : Chrome 10.0.648.205 ... 288 포인트와 13 보너스.
BerggreenDK

3

조금 늦게 보일지 모르지만 HTML5 및 모바일 브라우저의 상황에 대한 업데이트를 제공하고 싶습니다. 최근 HTML5 호환 게임을 제작할 수있는 꽤 많은 게임 엔진이 개발되었습니다 ( Construct 2Game Maker Studio 참조 ). 둘 다 괜찮은 성능을 제공하지만 일부 플랫폼에서 물리 확장 및 빠르게 움직이는 객체와 관련하여 주목할만한 문제가 있습니다. iOS는 여전히 성능면에서 주도적이지만 Android는 최신 Chrome 빌드로 먼 길을 왔습니다. 주목해야한다 돌핀 브라우저 안드로이드가 아니라, HTML5 성능도 100 % 증가 토트! 아래 테스트에 대한 빠른 비교를 볼 수 있습니다 .

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

수동 최적화를 수행하려는 경우 여기에 유용한 조언이 있습니다 . 또한 HTML5 게임이 점점 인기를 얻고 Kongregate 및 이전의 다른 플래시 전용 게임 포털과 같은 사이트에서 허용됨에 따라 더 이상 모바일 장치 용 HTML5 기반 게임을 작성하는 것을 두려워 할 이유가 없습니다.

모바일에서 사용하기 쉽도록 몇 가지 라이브러리가 있으며 아래에 몇 가지를 나열했습니다.

KineticJS

이젤 JS

쿼크 JS


1

2012 년 7 월 현재, 매끄러운 모바일 HTML5 게임을 만들 수 있습니다. 이 비디오를 확인하십시오


0

기술적 인 관점에서 볼 때 확실히 가능합니다. 그래도 몇 가지 문제 / 함정이 있습니다 :

  • 오픈 프레임 워크는 많지 않으므로 기본적으로 모든 것을 처음부터 작성해야합니다. 렌더러에서 사운드 처리, 충돌 감지까지. 당신이하려는 일에 따라 이것은 많은 일이 될 수 있습니다.
  • JavaScript에 대해 잘 이해해야합니다. 이 언어를 사용할 때는 일반적인 OOP 관행이 작동하지 않습니다. 엄청난 양의 코드가있는 게임에 가장 적합한 선택은 아닙니다. :)
  • 성능을 잊지 마십시오. 스마트 폰은 일반적인 Desktop-PC의 성능과는 거리가 멀습니다. 다른 장치에서 성능을 신중하게 테스트해야합니다. 또한 장치에 설치된 JavaScript 엔진 (브라우저)에 따라 달라질 수 있습니다. 이것은 물론 HTML5 전용 문제가 아닙니다.
  • 게임에 필요한 대역폭을 줄이십시오. 모바일 장치는 연결 속도가 느린 경향이 있으며 때로는 사람들이 사용하는 대역폭에 대한 비용을 지불합니다. 가능할 때마다 캐싱을 사용하십시오.


0

PhoneGap Build 를 사용할 수 있습니다 :

HTML5 코드 로 zip 파일을 업로드하면 Android, iOS, winphone, Blackbarry, Symbian ..ecc.에 대한 응용 프로그램이 제공됩니다.


1
당신은 이것에 조금 늦었습니다. ;)
Cameron Fredman

@CameronFredman 2010 년 8 월 HTML5가 완료되었거나 중재자가 비슷한 질문을 중단했기 때문에?
Den
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.