Spine エディター - チュートリアル

翻訳について

本ドキュメントはChatGPT-4によって翻訳されており、内容に不正確な部分が含まれる可能性があります。

基本¶

設定ファイルの読み込みまたは作成¶

設定ファイルの読み込み¶

【EXスタジオ】を開き、【Spineエディター】をクリック
Jsonファイルを選択するか、モデルフォルダを選択して、ファイルリストからJsonファイルをクリック

ヒント

【ファイルビューア】を使用して新しい設定ファイルを読み込むことができます

設定ファイルの作成¶

【EXスタジオ】を開き、【Spineエディター】をクリックしてモデルのあるフォルダを選択
【設定ファイルを作成】をクリックし、ファイル名を入力、骨格を選択し、テクスチャアトラスとマップを追加して【確認】をクリック
【設定ファイル】タブを選択すると、作成したばかりのJson設定ファイルの内容が表示されます

モデルサイズと表示の調整¶

【Jsonエディター】を開く
【オプション】【位置X/位置Y】を選択して、モデルの初期位置を調整
【オプション】【スケールファクター】を選択し、デフォルト値は**1**。モデルが大きすぎる場合は値を小さくし、逆に小さすぎる場合は値を大きくします
【オプション】【異方性フィルタリングレベル】を選択し、デフォルト値は**1**。モデルの表示に問題がある場合（例：口角の黒い縁など）は値を大きくします。ただし、値を上げすぎるとパフォーマンスに影響するため、**4**以下を推奨します

注意

上記のプロパティは、モデルが大きすぎる、小さすぎる、または表示に問題がある場合の修正手段として使用します。通常は調整の必要はありません

表情ファイルの追加¶

【Jsonエディター】を開く
【表情】を選択し、リストで【】をクリックして追加する表情ファイルを選択

注意

ここで追加した表情のみが【モーション】で正しく認識されます

待機モーションの追加¶

【Jsonエディター】を開く
モーショングループを新規作成： 【モーション】を選択し、【モーショングループ】リストで【】をクリック。表示されるダイアログの【プリセット】で【Idle】を選択し、【確認】をクリック
モーションを新規作成： 【モーション】リストで【】をクリックし、新規作成したモーション内容ページで【ファイル】を探し、右側の【】をクリックして待機モーションを選択
複数の待機モーションを作成したい場合は、この手順を繰り返します
【確認】をクリック後、Spineエディターで効果を確認できます

グローバルクリックイベントの追加¶

【Jsonエディター】を開く
モーショングループを新規作成： 【モーション】を選択し、【モーショングループ】リストで【】をクリック。表示されるダイアログの【プリセット】で【Tap】を選択し、【確認】をクリック
モーションを新規作成： 【モーション】リストで【】をクリックし、新規作成したモーション内容ページで【ファイル】を探し、右側の【】をクリックしてクリックモーションを選択
複数のクリックモーションを作成したい場合は、この手順を繰り返します
【確認】をクリック後、Spineエディターで効果を確認できます

ヒント

クリックイベントに音声やテキストがある場合、モーション内容ページの【音声】で右側の【】をクリックしてオーディオファイルを選択し、【テキスト】入力欄に表示したいテキストを入力できます

ローカルクリックイベントの追加¶

**アートメッシュ**タブを選択し、リスト項目をクリックして対応するアートメッシュ領域（緑色の枠）を表示し、設定したいクリックイベントの領域を見つけてアートメッシュ名を記録
【Jsonエディター】を開く
クリックエリアを新規作成： 【クリックエリア】を選択し、リストで【】をクリック。新規作成したアイテムページで【ID】を探し、右側の【】をクリックして先ほど記録したアートメッシュ名を選択。必要に応じて【名前】入力欄にヒットエリア名を入力
モーショングループを新規作成： 【モーション】を選択し、【モーショングループ】リストで【】をクリック。表示されるダイアログの【プリセット】で【TapArea】を選択し、ヒットエリアに先ほど作成したヒットエリア名を選択して【確認】をクリック
モーションを新規作成： 【モーション】リストで【】をクリックし、新規作成したモーション内容ページで【ファイル】を探し、右側の【】をクリックしてクリックモーションを選択
複数のクリックモーションを作成したい場合は、この手順を繰り返します
【確認】をクリック後、Spineエディターで効果を確認できます

注意

**ローカルクリックイベント**と**グローバルクリックイベント**の両方が設定されている場合、**ローカルクリックイベント**が優先してトリガーされます。クリックエリア外の部分は**グローバルクリックイベント**をトリガーします

応用¶

複数のモーショングループを同時再生¶

複数の待機モーションを同時再生¶

【待機モーショングループ1】を新規作成し、【レイヤー】はデフォルト（空白のまま）で、待機モーションを追加
【待機モーショングループ2】を新規作成し、【レイヤー】に0より大きい数字を入力して待機モーションを追加
待機モーションをさらに追加する場合、モーショングループの【レイヤー】がすべて異なることを確認してください

複数のモーションを同時再生 / レイヤーを跨いでモーションを実行¶

【モーショングループ1】を新規作成し、【レイヤー】はデフォルト（空白のまま）で【モーションA】を追加
【モーショングループ2】を新規作成し、【レイヤー】に0より大きい数字を入力して【モーションB】を追加
【モーションA】に【start_mtn】コマンドを追加し、【モーションB】を入力します。【モーションA】が実行されると【モーションB】がトリガーされ、レイヤーが異なるため、2つのモーションが同時に再生されます
注意
- 高レイヤーのモーション内の【パラメーター値】は、低レイヤーのモーション内の同じ【パラメーター値】を上書きします
- レイヤーに関係なく、【待機モーション】が設定されていない場合、モーション再生後は【最後のフレーム】で停止します

浮動小数点変数の応用 - スイッチ¶

モーションを新規作成： 【モーション】リストで【】をクリックし、2つのモーションイベントを新規作成して、それぞれに【名前】を記入
【モーション1】に浮動小数点変数Varを追加（名前は自由）：
- 【条件】を【Var 等しい 0】に設定：変数Varの値が0のときのみ、このモーションが実行可能であることを意味します
- 【操作】を【Var 値を1に設定】に設定：モーションイベントが実行されると、変数Varの値が1に設定されます。次回の判定時にVarが1のため条件を満たさず、このモーションは実行されません。このモーショングループには2つのモーションしかないため、必ず【モーション2】が実行されます。
【モーション2】に浮動小数点変数Varを追加（【モーション1】と同じ名前）：
- 【条件】を【Var 等しい 1】に設定：変数Varの値が1のときのみ、このモーションが実行可能であることを意味します
- 【操作】を【Var 値を0に設定】に設定：モーションイベントが実行されると、変数Varの値が0に設定されます。次回の判定時にVarが0のため条件を満たさず、このモーションは実行されません。このモーショングループには2つのモーションしかないため、必ず【モーション1】が実行されます。
応用シーン
- 表情スイッチ： 最初のモーションイベントに表情を追加し、2つ目のモーションイベントに【clear_exp】コマンドを追加して表情をクリア
- パラメーター値スイッチ： 最初のモーションイベントに【parameter set/lock】コマンドを追加してパラメーター値を設定し、2つ目のモーションイベントに【parameter set/lock】コマンドを追加して元の値に戻す

ダイアログ選択項目の応用¶

【クリックイベント】を新規作成。作成方法は上記の手順を参照
モーションプロパティ【テキスト】に表示したい内容を入力
【選択項目】タブに移動し、【】をクリックして複数の選択項目を作成
各選択項目の【テキスト】とクリック後に実行する【モーション】を入力

応用シーン

衣装変更： 選択項目をクリック後に実行する【モーション】プロパティに【change_cos】に関連するコマンドを入力

好感度システム¶

【コントローラー】【好感度システム】を選択し、リスト項目をチェックして好感度システムを有効化
好感度システムプロパティに従って関連オプションを記入。少なくとも【初期値】【最小値】【最大値】を記入することを推奨します
好感度はモーションイベントのトリガーを制御するために使用できます。モーションオプションで【高度設定】【好感度】をチェックし、モーションイベントプロパティに従って関連オプションを記入

動画チュートリアル¶

よくある質問¶

モデルが正しく表示されない¶

【Jsonエディター】【オプション】【シェーダー】で他のシェーダーを選択してください

モデルが表示されない / 表示が不完全¶

モデルがプレビューウィンドウ外に表示されている可能性があります。モデルを縮小または移動して探してください

使用可能な【スキン】を選択してください

モデル読み込み時にスキンを設定するには / スキンを切り替えるには¶

【Start】モーショングループを作成し、モーションに【コマンド】【set_skins】と設定したいスキンを入力してください

モデルのテクスチャが欠落 / 異常表示（ピンク色で表示）¶

モデルのatlasファイルのテキスト形式に問題があります（UTF-8 BOM形式である可能性があり、余計なデータが含まれている場合があります）。正しい形式はUTF-8です。テキスト形式を【UTF-8】に変換してください