このエントリーは、KLab Advent Calendar 2016 の12/19の記事です。 やまだです。 昨年はWebGLをつかったソートを実装してみましたが今年はWebGLを使った画像圧縮を実装してみます。 はじめに WebGLのみならずアプリ開発において画像のフォーマットの選択は重要です。 とくにゲームの大部分を占める画像データはゲームのダウンロード時間に直結するため可能な限り圧縮しておきたいものです。 WebGLではGPUにテクスチャをアップロードする際にはgl.texImage2Dを使用します。 gl.texImage2DはTexImageSourceをアップロードできます。 このTexImageSourceというのが面白くてテクスチャデータとしてHTMLImageElementが使えます。 すなわちGIF/JPEG/PNGといったフォーマットだけでなくGoogleが開発した高
![WebGLでYCgCo色空間による画像圧縮を実装してみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/da71430a17afd3602d8c64f7c88004852af48b18/height=288;version=1;width=512/https%3A%2F%2Fwww.klab.com%2Fjp%2Fassets%2Fimg%2Fogp-image.png)