テクスチャアトラス

提供: LWF Wiki
2013年10月22日 (火) 21:18時点におけるTamago (トーク | 投稿記録)による版

移動: 案内検索

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

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

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

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

  • TexturePacker
    テクスチャアトラスを作成する定番ツールですが有料です
  • Adobe Flash CS6以降
    Adobe Flash CS6以降のバージョンにはスプライトシート(アトラスと同等のもの)を作成する機能があります。

【texturePackerでの作り方】

【FlashCS6以降での作り方】

drawCall数を計測する