コンテンツにスキップ

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つのモーションが同時に再生されます。

    注意

    • 上位レイヤーのモーション内の【パラメーター値】は下位レイヤーのモーション内の同じ【パラメーター値】を上書きします。
    • どのレイヤーでも、待機モーションが設定されていない場合、モーション再生後は【最終フレーム】で停止します。

動画チュートリアル

基本チュートリアル

https://youtu.be/rD6Us7I0DZo

瞳のランダム色変化

https://youtu.be/Hj6R8FLQWrQ

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

https://youtu.be/bU8Eg-DbZQc

手のドラッグ操作

https://youtu.be/J3J4Fc2dqT0