最近、Michael Chaize は、HTML 5 や Flash などのテクノロジを使用して同じパーティクル システムを実装し、さまざまなブラウザ、さまざまなオペレーティング システム、およびさまざまなプラットフォーム (デスクトップとモバイル デバイス) でのパフォーマンスの評価を実施しました。パーティクルの数が 4000 に達すると、Flash のパフォーマンスはすでに HTML 5 の 3 倍になっていることがわかります。 ただし、このレビューでは HTML 5 の最新の WebGL Canvas は使用されていません。そこで、オリジナルのテストプログラムをベースに、WebGLをベースとした新たなテスト機能を追加しました。.png)
公平性を保つため、パーティクル システムの計算はオリジナルの JavaScript を使用して実装されており、GPU シェーダーでは計算されません。
テスト Web ページのアドレスはここにあります。
結果を以下に示します
.png)
HTML と 2D Canvas を使用する場合、このパーティクル システム テストのボトルネックは完全にグラフィックスの描画にありますが、WebGL を使用すると、ボトルネックは JavaScript でのパーティクル システムの計算に移ります。上記のテストは Chrome 5 Dev バージョンに基づいており、WebGL 機能は –enable-webgl 起動パラメータを追加することで有効になります。同時に、Firefox Dev バージョンを比較に使用しました。Chrome とは大きな違いがあり、Chrome の通常のグラフィック描画方法との違いはありません。
このテストで Flash の GPU アクセラレーションが有効になっているかどうかは不明です。将来的には、ブラウザが GPU アクセラレーション テクノロジを使用すると、HTML と 2D Canvas の描画を高速化できるため、複雑な WebGL を使用しなくても、より高速な描画速度を実現できるようになります。