Kürzlich implementierte Michael Chaize dasselbe Partikelsystem mithilfe von Technologien wie HTML 5 und Flash und führte eine Bewertung seiner Leistung in verschiedenen Browsern, verschiedenen Betriebssystemen und verschiedenen Plattformen (Desktop und mobile Geräte) durch. Es ist ersichtlich, dass die Leistung von Flash bereits dreimal so hoch ist wie die von HTML 5, wenn die Anzahl der Partikel 4000 erreicht. In dieser Rezension wurde jedoch nicht der neueste WebGL Canvas von HTML 5 verwendet. Daher wurde eine neue Testfunktion basierend auf WebGL basierend auf dem ursprünglichen Testprogramm hinzugefügt..png)
Der Fairness halber wird die Berechnung des Partikelsystems mit dem Original-JavaScript umgesetzt und nicht im GPU-Shader berechnet.
Die Adresse der Testwebseite finden Sie hier.
Die Ergebnisse sind unten aufgeführt
.png)
Bei der Verwendung von HTML und 2D Canvas liegt der Flaschenhals dieses Partikelsystemtests vollständig im Zeichnen von Grafiken, nach der Verwendung von WebGL verlagert sich der Flaschenhals jedoch auf die Berechnung des Partikelsystems in JavaScript. Die oben genannten Tests basieren auf der Chrome 5 Dev-Version und die WebGL-Funktion wird durch Hinzufügen des Startparameters –enable-webgl aktiviert. Gleichzeitig wurde zum Vergleich die Firefox Dev-Version verwendet. Es gibt eine große Lücke zu Chrome, und es gibt nicht einmal eine Lücke zur normalen Grafikzeichnungsmethode von Chrome.
Es ist nicht bekannt, ob Flash für diesen Test die GPU-Beschleunigung aktiviert hatte. Wenn Browser in Zukunft die GPU-Beschleunigungstechnologie verwenden, können sie das Zeichnen von HTML und 2D Canvas beschleunigen und so schnellere Zeichengeschwindigkeiten erreichen, ohne komplexes WebGL zu verwenden.