0

IOSプラットフォームの場合：

HTML5キャンバス要素はハードウェアアクセラレーションではありません。CSS3 3D変換（例:)translate3dはハードウェアアクセラレーションです。

PhoneGapでHTML/JavaScriptを使用してIOS用の2Dゲームを作成することを検討している場合、CSS3でDOMのみを使用することを検討する必要がありますか？

誰かがこれを試しましたか？ベンチマークはありますか？

4

3 に答える 3

2

自分の2Dゲームを作成するときにもこの懸念がありました。最初はiOSでのアニメーションのパフォーマンスに問題がありましたが、CSS33D変換で解決しました。Canvasは試しませんでしたが、適切なCSSを適用すれば、実際に試す必要はありませんでした。また、iOSバージョンとAndroidバージョンの両方でPhoneGapのパフォーマンスは良好なままでした。一部の古いAndroidデバイスはやや遅いですが、Canvasもそれを支援するとは思いません。

ベンチマークに関しては、CanvasとCSS3の両方のトランジションを画像で表示するものを見つけました：http ：//www.spielzeugz.de/html5/compare/

于 2012-08-23T00:51:10.520 に答える
2

受け入れられた答えは、質問の一部であるように、実際には非常に誤解を招くものです。物事をまっすぐに設定するには：

  • iOS 5以降では、実際にはCanvasにハードウェアアクセラレーションを使用しています。
  • キャンバスはまったくうまく設計されていません。ハードウェアアクセラレーションは、変換を適用した場合にのみ開始されます。クリアして再描画すると、requestAnimationFrameを使用しても、パフォーマンスが不安定になる可能性があります。あなたは間違いなく違いに気付くでしょう。
  • CSS3変換は、Androidデバイスのパフォーマンスを向上させる可能性があります。
于 2013-02-12T00:32:24.647 に答える
0

私は試みましたが、興味を失いました。キャンバスで行っていたのと同じことをするのと同じくらい効率的だったようです。CSS3とcanvasのどちらを使用しているかに関係なく、おそらく実行するであろう重いjavascript計算を実行していない限り、大きな違いに気付くことはありません。

ベンチマークについては知りませんが、ここで読むことができます：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

Canvasは非常によく設計されており、ハードウェアで高速化するかどうかに関係なく、特に2Dを実行している場合は、大きな違いはありません。

于 2012-06-29T19:08:44.267 に答える