iPad 2 を対象とした HTML5 Web サイト/アプリのトレイルを含むムービング ライトを作成しようとしています。私が HTML5 を選択したのは、Objective C を使用したネイティブの iOS アプリよりも開発とデプロイが簡単で安価だからです。
とにかく、私が話していることの印象を与えるために、これは私がこれまでに得たものです：
スクリーンショット http://devdali.no-ip.org/mathias/test-lights/screenshots/1.jpg
または、こちらで動作を確認できます(Webkit ベースのブラウザーでのみ動作します)。
最初に、HTML5 キャンバスを使用して、上記と同様の方法で放射状グラデーションをパーティクルとして描画してみました。それは機能しましたが、私のデスクトップ コンピューターでもフレームレートはひどいものでした。
少し読んだ後、CSS3 変換がハードウェア アクセラレーションである可能性があることがわかったので、上記のバージョンをビルドします。すべての「粒子」は 64x64 の png 画像です。各ライトには、「ヘッド」ライト (1 つの img) があり、その後に 115 の img 要素で構成されるトレイルが続きます。各 img 要素は、「translate3d」(およびスケールと回転) を使用して変換されます。また、各要素の不透明度は動的に調整されます。
このようにすることで、私のコンピューターではフレームレートが大幅に改善されましたが、iPad 2 がそれを処理できるとは思えません。
一般的にこれのパフォーマンスを改善し、ターゲットプラットフォームを考慮する方法について、誰かが私にいくつかのヒントを与えることができれば幸いです.
事前に助けてくれてありがとう！