前回のWebGL(Three.js)とStage3D(Away3D)の比較ですが、Mr.doobさんを始め国内外の多くの方からご指摘頂きWebGL(Three.js)版を最適化したところ、最終的にはFlash(Away3D)版と同じぐらいのパフォーマンスになりました。当初、最適化・検証不足で間違った情報を掲載してしまい申し訳ありませんでした。 さて、そのWebGL(Three.js)版を最適化した手法が有意義だったのでシェアしたいと思います。 デモの紹介 まずはこちらの2つのデモの再生を比較してみてください。WebGL対応のブラウザ(例:Google Chrome)でご覧ください。 ▼最適化前 ▼最適化後 どうでしょう? 圧倒的に後者のほうが滑らかに再生できているのではないかと思います。 後者のほうは配置している3Dのオブジェクト数が10倍近く多いにもかかわらずです。 ※ちなみにFlash
![WebGL対応のライブラリThree.jsを爆速にする方法 | ClockMaker Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/3aa8a91eddb249c2e02458107d91ac8b04fb3ef5/height=288;version=1;width=512/https%3A%2F%2Fclockmaker.jp%2Fblog%2Fwp-content%2Fuploads%2F2014%2F01%2F130118_threejs_tips.png)