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

提供: LWF Wiki
移動: 案内検索
(テクスチャアトラスを作る)
(テクスチャアトラスを作る)
10行: 10行:
 
*Adobe Flash CS6以降
 
*Adobe Flash CS6以降
 
*:Adobe Flash CS6以降のバージョンにはスプライトシート(アトラスと同等のもの)を作成する機能があります。<br/>
 
*:Adobe Flash CS6以降のバージョンにはスプライトシート(アトラスと同等のもの)を作成する機能があります。<br/>
 +
【texturePackerでの作り方】<br/>
 +
<br/>
 +
【FlashCS6以降での作り方】<br/>
 +
<br/>
  
 
==drawCall数を計測する==
 
==drawCall数を計測する==

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

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

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

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

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

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

【texturePackerでの作り方】

【FlashCS6以降での作り方】

drawCall数を計測する