コンテンツにスキップ

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

翻訳について

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

基本

設定ファイルを読み込むまたは作成する

設定ファイルを読み込む

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

    ヒント

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

設定ファイルを作成する

  • 【EXスタジオ】を開き、【Live2Dエディター】をクリックします。
  • Mocファイルを選択し、ファイル名を入力、moc3および物理ファイルを選択、必要なテクスチャをチェックして【確認】をクリックします。
  • 【設定ファイル】タブを選択すると、作成したばかりのJson設定ファイルの内容が表示されます。

    ヒント

    Json設定ファイルを読み込んだ後に【設定ファイルを作成】ボタンをクリックして新しい設定ファイルを作成することもできます。


モデルのサイズと表示を調整する

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

    注意

    これらのプロパティは、モデルが大きすぎる、小さすぎる、または表示問題が発生した場合の修正手段として使用します。通常は調整不要です。


表情ファイルを追加する

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

    注意

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


待機モーションを追加する

  • 【Jsonエディター】を開きます。
  • モーショングループを新規作成: 【モーション】を選択し、【モーショングループ】リストで【】をクリックします。表示されたダイアログボックスで【Idle】を選択し、【確認】をクリックします。
  • モーションを新規作成: 【モーション】リストで【】をクリックし、新規作成したモーション内容ページで【ファイル】を見つけ、右側の【】をクリックして motion3.json ファイルを待機モーションとして選択します。
  • 複数の待機モーションを作成する場合は、上記の手順を繰り返します。
  • 【確認】をクリックした後、Live2Dエディターで効果を確認します。

グローバルクリックイベントを追加する

  • 【Jsonエディター】を開きます。
  • モーショングループを新規作成: 【モーション】を選択し、【モーショングループ】リストで【】をクリックします。表示されたダイアログボックスで【Tap】を選択し、【確認】をクリックします。
  • モーションを新規作成: 【モーション】リストで【】をクリックし、新規作成したモーション内容ページで【ファイル】を見つけ、右側の【】をクリックして motion3.json ファイルをクリックモーションとして選択します。
  • 複数のクリックモーションを作成する場合は、上記の手順を繰り返します。
  • 【確認】をクリックした後、Live2Dエディターで効果を確認します。

    ヒント

    クリックイベントに音声やテキストがある場合は、モーション内容ページで【サウンド】を見つけ、右側の【】をクリックして音声ファイルを選択し、【テキスト】入力欄に表示したいテキストを入力してください。


ローカルクリックイベントを追加する

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

    注意

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


応用

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

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

  • 【待機モーショングループ1】を新規作成し、【レイヤー】をデフォルトのまま(空のまま)にして待機モーションを追加します。
  • 【待機モーショングループ2】を新規作成し、【レイヤー】に0より大きい数字を入力して待機モーションを追加します。
  • 待機モーションをさらに追加する場合は、それぞれのモーショングループの【レイヤー】が異なるようにしてください。

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

  • 【モーショングループ1】を新規作成し、【レイヤー】をデフォルトのまま(空のまま)にして【モーションA】を追加します。
  • 【モーショングループ2】を新規作成し、【レイヤー】に0より大きい数字を入力して【モーションB】を追加します。
  • 【モーションA】にコマンド【start_mtn】を追加し、【モーションB】を入力します。【モーションA】が実行されると【モーションB】がトリガーされます。【モーション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エディタ】の【オプション】を開き、各モデル(サブモデル)にIDを設定します。IDは一意である必要があり、現在読み込まれている他のモデルと重複してはいけません。そのため、ある程度複雑なIDにすることをお勧めします
  • コマンド start_mtn ID group:motion または start_mtn ID group を使用して、指定したモデルのモーションを再生します
  • モデル間でモーションを同期させたい場合は、同じモーション内で複数の start_mtn コマンドを実行してください
  • モーションに音声を含めないよう注意してください。音声の読み込みによりモーションの再生が遅れる場合があります。音声とモーションを分けることをお勧めします。例えば、start_mtn で音声再生専用の別のモーションを再生させるなどです

動画チュートリアル

基本チュートリアル

https://youtu.be/rD6Us7I0DZo

瞳のランダム色変化

https://youtu.be/Hj6R8FLQWrQ

動的マウスカーソルを作る

https://youtu.be/bU8Eg-DbZQc

手のドラッグ操作

https://youtu.be/J3J4Fc2dqT0