1

iPad 1でHTML5およびCSS3アプリケーションを使用して開発した後、CSS3アニメーション/遷移/変換(ハードウェアアクセラレーション)のパフォーマンスに失望しました。私たちは、iPad 2がより多くのパワーをもたらし、このようなものでより良いパフォーマンスを発揮することを望んでいます。しかし、それは本当ですか?

私たちはiPad2にアクセスできず、iPad 2にはCSS3アニメーション/トランジション/トランスフォームの処理方法に関して、まだグリッチ、低速、信頼性の低い問題があるという噂を聞いています。

誰かがこれに光を当てることができますか?

4

3 に答える 3

5

また、特にiPadを対象とし、HTML5/CSS3を使用するWebアプリを開発しています。私は反対の経験をしました-iPad1でも、アニメーションがいかにスムーズであるかに驚いています-Michael Mullanyは正しいです-ほとんどの2D変換はGPUアクセラレーションを取得しません-必ずtransform3dまたはtranformZ(0)を使用してください。

iPad 2では、アニメーションはほぼ完璧です。優れたネイティブアプリと同じくらい優れています。

もちろん、それはあなたがアニメートしているものに依存します。

私の場合、これは「カルーセル」であり、各パネルに少数のフォーム要素が含まれています。(ただし、変換は単純な左/右のアニメーションです)。

まだご覧になっていない場合は、このテーマに関する2つの壮大な(IMO)トークをご覧ください。

ポールアイリッシュ: http: //paulirish.com/2011/dom-html5-css3-performance

Alex Russel:http ://dayofjs.com/videos/22158462/web-browsers_alex-russel

私が見たところ、CSS3アニメーションは非常に簡単に間違って(または不十分に)実行され、パフォーマンスが低下します。しかし、いくつかの調整を加えると、それはかなり素晴らしいようです。

また、コンテンツと非正統的なUIについてどう思うかを言いますが、iPadでhttp://stuffwhitepeoplelike.com/を試してください。iPadでうまく動作し、iPad 2でうまく動作する、リッチでスムーズで複雑なアニメーションがたくさんあります(もちろん、両方でかなりぎくしゃくしたアニメーションもあるので、それらを使用することがどれほど重要かを示しています賢明に...)

幸運を!

于 2011-04-26T16:29:40.687 に答える
3

iOS 5は、NitroEngineをホーム画面のWebアプリにももたらします。http://arstechnica.com/apple/news/2011/06/ios-5-brings-nitro-speed-to-home-screen-web-appsをお読みください.ars

于 2011-06-18T23:06:19.343 に答える
0

Webアプリがホーム画面に追加されているかどうかによって異なります。ホーム画面のWebアプリでは、ネイティブのサファリモバイルよりも加速の重要性が低くなります。

これはあなたが読むことができる記事です:http://macapper.com/2011/03/21/web-apps-saved-to-home-screen-anchor-safari-performance/

于 2011-04-20T09:00:16.957 に答える