「テクスチャアトラス」の版間の差分

2013年10月22日 (火) 21:18時点における版

テクスチャアトラスとは?

複数の画像を１つの画像にまとめたものをアトラス画像といいます。
そうすることで、LWFのロード時に読み込むファイル数が減り、ロード時間が短くなります。
また、webGL描画では画像を纏めることでdrawcall数が減りパフォーマンスも改善されます。

テクスチャアトラスを作る

テクスチャアトラスを作成するにはツールを利用します。主に下記の2種類があります。

• TexturePacker

  テクスチャアトラスを作成する定番ツールですが有料です

• Adobe Flash CS6以降

  Adobe Flash CS6以降のバージョンにはスプライトシート(アトラスと同等のもの)を作成する機能があります。
  

【texturePackerでの作り方】

【FlashCS6以降での作り方】

drawCall数を計測する