本記事は2015年2月10日(火)に開催されたCreateJS勉強会 (第5回) の発表資料「CreateJSクリエイトジェイエスで制作するスペシャルコンテンツ」の後編となります。前編(CanvasとWebGLの比較)に続けて本記事ではWebGLウェブジーエルの最適化手法を紹介します。 WebGLのドローコールの最適化について 前編ではHTML5 CanvasとWebGLの使い分けについて紹介しましたが、ここからはWebGLの最適化手法の1つを紹介します。よく知られているテクニックですが、WebGLでは描画命令のドローコールを少なくすることが有効だと言われています。ドローコールが少なくなることで滑らかなモーション = 60fps(遅延なきRequestAnimationFrameの達成)を実現し、スマートフォンでの実行時の消費電力を抑えられます。 下図は複数の要素を画面に表示するときのWe
![WebGLのドローコール最適化手法―CreateJS勉強会/池田発表資料(後編) ― ICS LAB](https://cdn-ak-scissors.b.st-hatena.com/image/square/9c291419f510ce9b15db52de27520c815cd5073f/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F5221%2Fimages%2Feyecatch.jpg)