テクスチャアトラス編集
(2018/09/06 更新)
テクスチャアトラスとは、キャラクター等を構成する部品を平面上に並べた画像のことを指します。
SDKへの組み込み用のモデルやCubism2.1向けのモデルを書き出すために必要な画像です。
[テクスチャアトラス編集]では、テクスチャの追加や削除を行ったり、各部品のサイズ変更等を行うことができます。
テクスチャアトラスの基本操作
ツールバーの[テクスチャアトラス編集]ボタンをクリックします。

[テクスチャアトラス編集]ボタンをクリックするとまずダイアログ[新規テクスチャアトラス設定]が表示されます。
[テクスチャ名]と[サイズ]を入力し、[OK]をクリックします。
テクスチャサイズの幅や高さはそれぞれ変更できますが、SDKのプラットフォームや組み込み時の環境によっては
正方形以外対応していない場合がありますので、開発者と相談の上、設定してください。

テクスチャアトラス編集のウィンドウが開きます。

① | メニューバー | 各種メニューが表示されます。 |
② | テクスチャ詳細 | テクスチャサイズの表示、現在選択中のオブジェクトの位置・角度・倍率の変更ができます。 |
③ | 自動レイアウト | 各オブジェクトの配置や倍率の変更を自動的に行います。 |
④ | マージン | 各オブジェクトが配置される間隔を調整します。 |
⑤ | テクスチャ追加 | テクスチャを追加します。 |
⑥ | テクスチャ削除 | テクスチャを削除します。 |
⑦ | テクスチャの一覧 | 現在作成されているテクスチャの一覧です。 選択することで編集するテクスチャを切り替えます。テクスチャの名前変更:赤枠部分のタブを右クリック ⇒ テクスチャの名前を変更 ![]() テクスチャ名のポップアップ: 赤枠部分のタブをホバーすると、テクスチャ名が表示されます。 ![]() テクスチャのタブ移動: |
⑧ | テクスチャ | テクスチャが表示されます。 |
⑨ | モデル用画像リスト | プルダウンメニューで切り替えることで テクスチャアトラスに配置されているテクスチャや配置されていないテクスチャを表示します。 |
⑩ | 表示オプション | 背景色の変更、画面の拡大・縮小、テクスチャの全体表示、中心を基準に表示、原寸での表示、ポインタの現在位置の表示を行います。 |
TIPS
3.0.16のバージョンから、テクスチャアトラスのサイズの幅と高さを変更できるようになりました。
ただ、サイズ変更の際はSDKのプラットフォーム上で対応しているか確認する必要がありますので、
基本的には幅と高さを同じサイズにすることを推奨します。
テクスチャアトラスのサイズ(4096×4096px) |
![]() |
テクスチャアトラスのサイズ(4096×2048px) |
![]() |
メニュー
ファイル
テクスチャをロック(β):PNGファイルで書き出し差し替えを行う際に使用します。(cmoxファイルはデフォルトでロックが掛かっています)

テクスチャ画像の書き出し(β):テクスチャを画像として書き出します。
テクスチャ画像の差し替え(β):PNGファイルの差し替えを行います。
編集
Undo:1段階元に戻ります。
Redo:1段階進みます。
すべて選択:配置されているすべてのテクスチャを選択します。
表示
元のテクスチャを表示:チェックをオンにすると、オブジェクトの移動や拡縮などを行っても変更前の状態を表示したままにすることができます。
テクスチャ
テクスチャ追加:テクスチャを追加します。
テクスチャ削除:テクスチャを削除します。
テクスチャのサイズ変更:現在のテクスチャのサイズを変更します。
自動レイアウト:各オブジェクトの配置や倍率の変更を自動的に行います。
アトラス用データを初期化:各オブジェクトに対する変更を最初の状態に戻します。
テクスチャ生成方式:基本的には「高品質」を選択してください。
TIPS
テクスチャの拡縮や回転によって、テクスチャの淵部分などに劣化が発生する場合は
テクスチャ生成方式の「高品質」にチェックが入っていることを確認してください。
もし、「低品質」にチェックが入っている場合は、「高品質」に切り替えることで
劣化を改善させることができます。
倍率設定
選択したオブジェクトの倍率を10%~100%の間で指定します。
TIPS
Cubism2 では、モデル作成時に、テクスチャアトラスが作成されていましたが、
Cubism3からは、SDKへ組み込む際に、最終段階で作成する形になります。
従って、動画作品などで使用する際は、アトラスを意識する必要はありません。
モデル用画像リスト
[モデル用画像リスト]ではテクスチャアトラスに配置されている画像や配置されていない画像を確認することができます。
配置済の画像の除外
書き出しに必要のないアートメッシュを選択し、[Backspace]キーまたは[Delete]キーで除外します。
除外されたアートメッシュはモデル用画像リストを[未配置のみ]に切り替えることで確認できます。
未配置の画像の配置
テクスチャアトラス作成時に非表示のアートメッシュはテクスチャから除外され[未配置のみ]リストに入ります。
未配置のアートメッシュをテクスチャに配置する場合には[未配置のみ]リストで配置したいアートメッシュを[ダブルクリック]します。
または配置したいアートメッシュを[右クリック]し、[選択要素をテクスチャアトラスに配置]を実行します。

テクスチャへの配置後、アートメッシュ同士が重なっている場合やテクスチャからはみ出している場合は空いているスペースにアートメッシュを移動します。
下図の場合、アートメッシュ同士が重なり、上部分はテクスチャからはみ出しています。

アートメッシュ同士が重ならず、テクスチャからはみ出さない位置に移動します。

テクスチャアトラスにアートメッシュを配置する
[テクスチャアトラス編集]ボタンをクリックするとまずダイアログ[新規テクスチャアトラス設定]が表示されます。
[テクスチャ名]と[サイズ]を入力し、[OK]をクリックします。

自動レイアウト
最初にテクスチャアトラスを作成した際はダイアログ[確認]が表示されます。
自動レイアウトを行う場合は[OK]をクリックします。

[取消]を選択した場合には自動レイアウトは行われず、アートメッシュがそのまま並んだ状態となります。
自動レイアウトを行った場合 | 自動レイアウトを行わなかった場合 |
![]() |
![]() |
自動レイアウトを行った場合、メッシュの形状によりテクスチャが重なる場合があります。
テクスチャが重なった場合は手動で位置を調整する、もしくは[マージン]を大きく設定し、再度[自動レイアウト]を実行します。
POINT
[自動レイアウト]はテクスチャの大きさに対して適切な倍率でアートメッシュをレイアウトします。
そのためすべてのアートメッシュの倍率が100%にならない場合があります。
メニューバーより[テクスチャ]、[テクスチャのサイズ変更]の順に選択し、テクスチャのサイズを大きく設定し、再度自動レイアウトを実行します。
もしくはメニューバーより[テクスチャ]、[テクスチャ追加]の順に選択してテクスチャを追加し、一枚目のテクスチャに収まらなかったアートメッシュを新しいテクスチャに移動してから再度自動レイアウトを実行します。
新しいテクスチャにアートメッシュを移動する方法については後述の『他のテクスチャにアートメッシュを移動する』をご覧ください。
手動でのレイアウト
テクスチャが重なっている場合には手動でアートメッシュを移動します。
周辺のアートメッシュに重なることがないようにレイアウトを行います。
アートメッシュを選択するとバウンディングボックスが表示され、拡大縮小や回転、移動を行うことができます。
POINT
拡大縮小は通常の編集時と違い、[Shift]キーを押下しなくても縦横比が維持されますが、[倍率]が変化します。
そのため、書き出し時の見た目に影響する場合がありますので、拡大縮小は慎重に行ってください。
他のテクスチャにアートメッシュを移動する
複数のテクスチャ間でアートメッシュ移動する場合には、まず移動するアートメッシュを選択します。

次に、移動先のテクスチャを選択します。

TIPS
アートメッシュを一旦テクスチャから除外し、移動先のテクスチャを選択してアートメッシュを配置することでも移動が可能です。
倍率を変更する
倍率を設定するアートメッシュを選択し、[倍率]を入力します。
倍率はアートメッシュごとに設定でき、複数のアートメッシュを選択した状態で[倍率]を設定することも可能です。
倍率10% | 倍率100% | モデル用画像表示([T]キーで切り替え) |
![]() |
![]() |
![]() |
TIPS
倍率が100%以下の場合、書き出されるモデルの解像度が下がりますが、見えない部分などはあえて倍率を下げることでテクスチャのサイズや枚数を削減することができます。
テクスチャアトラスから書き出されるモデルの状態を確認するにはキャンバスビューで[T]キーを押下し、[テクスチャアトラス表示]に切り替えます。
POINT
テクスチャアトラスを作成した後でメッシュの編集を行う場合、まわりに配置したアートメッシュに重なったり、テクスチャアトラスからはみ出す可能性があります。
あとからメッシュの編集を行う場合には[メッシュ編集モード]の表示を[アトラス表示]に変更し、他のアートメッシュに重なっていないか、テクスチャアトラスからはみ出していないかなどを確認します。
テクスチャアトラスの追加とサイズの変更
テクスチャの面積が足りない場合は[テクスチャ追加]もしくは[テクスチャのサイズ変更]を行います。
テクスチャアトラスの追加
テクスチャを追加する場合はメニューバーより[テクスチャ]、[テクスチャ追加]の順にクリックします。
[テクスチャ名]と[サイズ]を入力し、[OK]をクリックします。

テクスチャのサイズ変更
テクスチャのサイズを場合はメニューバーより[テクスチャ]、[テクスチャのサイズ変更]の順にクリックします。
[サイズ]を入力し、[OK]をクリックします。

テクスチャの削除
テクスチャが不要になった場合は[テクスチャ削除]を行います。
アートメッシュが配置されているテクスチャは[テクスチャ削除]を行うことができません。
まず、削除したいテクスチャを表示し、[Ctrl]+[A]キーですべてのアートメッシュを選択して[Backspace]キーもしくは[Delete]キーで除外します。
次に、メニューバーより[テクスチャ]、[テクスチャ削除]の順にクリックします。
POINT
テクスチャアトラスが一枚のみの場合は[テクスチャ削除]を実行することはできません。
アトラス用データを初期化
テクスチャアトラスを初期化します。
メニューバーより[テクスチャ]、[アトラス用データを初期化]の順にクリックします。

POINT
この操作はUndoやキャンセルができませんのでご注意ください。
ダイアログ[新規テクスチャアトラス設定]が表示されます。
[テクスチャ名]と[サイズ]を入力し、[OK]をクリックします。
