2012-06-29 4 views
0

IOS 플랫폼 :IOS HTML 캔버스 또는 CSS3 3D 변환

HTML5 캔버스 요소는 하드웨어 가속이 아닙니다. CSS3 3D 변형 (예 : translate3d)은 하드웨어 가속입니다.

PhoneGap에서 HTML/JavaScript를 사용하여 IOS 용 2D 게임을 만들려면 CSS3와 함께 DOM을 사용해야합니까?

아무도 시도한 적이 있습니까? 벤치 마크가 있습니까?

답변

1

나 자신의 2D 게임을 제작할 때도이 문제가있었습니다. 처음에는 iOS의 애니메이션 성능에 문제가 있었지만 CSS3 3D 변형으로 해결했습니다. 캔버스를 사용하지는 않았지만 적절한 CSS를 적용하지 않아도됩니다. PhoneGap은 iOS와 Android 버전 모두에서 성능이 양호했습니다. 일부 오래된 안드로이드 장치는 다소 느리지 만 캔버스가 그걸 도울 것이라고 생각하지 않습니다. 벤치마킹에 관해서는

, 나는 이미지 모두 캔버스와 CSS3 전환을 보여주는이를 찾았어요 : 질문의 일부이기 때문에 http://www.spielzeugz.de/html5/compare/

0

나는 시도했지만 관심을 잃었습니다. 그것은 캔버스로 할 때와 똑같은 일을하는 것만 큼 효율적인 것처럼 보였습니다. CSS3 또는 캔버스를 사용하는지 여부에 상관없이 무거운 자바 스크립트 계산을 수행하지 않는 한 많은 차이를 느끼지 않을 것입니다.

내가 어떤 벤치 마크를 알고하지 않습니다하지만 당신은 여기에 대해 읽을 수 있습니다 : 또한 당신에 대해 얘기하고있는 장치에 의존하는 것입니다 http://www.sencha.com/blog/apple-ios-5-html5-developer-scorecard/

. 그들은 모두 다른 하드웨어와 약간 다른 소프트웨어를 실행하여 결정에 영향을 미칩니다. http://www.codefessions.com/2012/03/how-fast-is-html5-canvas-part-2.html

캔버스는 하드웨어 가속화 여부와 상관없이 크게 설계되지 않은 방식으로 설계되었습니다. 특히 당신이 2D 일을하는 경우에 특히 그렇습니다.

1

허용 대답은 실제로 매우 잘못된 것입니다. 상황을 바로 설정하려면 :

  • iOS 5 이상은 실제로 Canvas에 하드웨어 가속을 사용합니다.
  • 캔버스가 꽤 잘 설계되지 않았습니다. 하드웨어 가속은 변환을 적용 할 때만 유효합니다. 취소하고 다시 그릴 경우 requestAnimationFrame을 사용하더라도 성능이 여전히 고르지 않을 수 있습니다. 차이점을 분명히 알게 될 것입니다.
  • CSS3 변환을 사용하면 Android 기기의 성능이 향상 될 수 있습니다.