Unity講座｜NPCとの会話イベントの作り方【2D】 | 学んで遊んでジャンケンポン！

うさタブ

今回はUnityで2DマップでNPCと会話について勉強するッピ！

ユウキ

NPCと会話？

アイカ

まだ習ったことないわ！

うさタブ

会話ウィンドウは、
テキストと会話ウィンドウ画像で作れるッピ！

うさタブ

これからこの2DマップでNPCと会話するを一緒に勉強して行くッピよ～

Unityで会話ウィンドウを作ってみよう（2D）
プレイヤーの設定
1. プレイヤーのタグづけ
2. プレイヤーの当たり判定/質量の追加
NPCの設定
1. NPCの当たり判定
2. NPCの質量
会話スクリプトをつくる

Unityで会話ウィンドウを作ってみよう（2D）

必要なもの

うさタブ

まずは必要なものを用意するッピ！

Unity
Windows または Mac のパソコン

が必要ッピよ～！

うさタブ

まだ Unity をダウンロードしてない人は

↓ の記事を参考に必要なものをインストールするといいッピ！

マップとキャラクター・NPCを用意する

うさタブ

マップとキャラクターも用意するっぴ！

うさタブ

マップの作り方

移動できるキャラクターの作り方は↓の記事に載ってるっぴ！

Unity入門講座｜RPGマップをつくってみよう【2D】

｜マップチップを用意する｜マップチップを適切なピクセルに設定｜スライスエディタで画像を分割｜パレットにマップチップを設定する｜ヒエラルキー→２Dオブジェクト→タイルマップを選択｜小物のレイヤー順序を０→１へ｜タイルマップのアクティブを確認する｜タイルマップに当たり判定を追加｜キャラクターを追加｜キャラクターに質量と当たり判定を追加｜スプリクトの追加｜テストプレイ

Unity入門講座｜キーボードで画像を動かす方法を学ぼう

｜画像素材をAssetに登録｜ヒエラルキー→画像素材をシーンに登録｜キャラクター画像をレイヤー順序で前面へ｜Assets→右クリック→C#スクリプト｜プログラムを作成｜C#スクリプトをキャラクター画像に組み込む｜テストプレイ

ユウキ

オッケー！
用意できたぜ

うさタブ

ついでにDLsiteにも

素敵なチップ素材が売ってるッピよ！＜露骨なPR＞

会話ウィンドウを作成する

うさタブ

さっそく会話ウィンドウをつくっていくッピ～♪

テロップの枠をつくっていくッピよ～

うさタブ

テロップ枠は

ヒエラルキー→右クリック→UI→画像

でつくるッピ！

うさタブ

ヒエラルキーに

▼□Canvas
　　□Image

というふなものがつくられるッピ！

ユウキ

あったあった

うさタブ

このImageをクリックすると

白い四角形が中央にできる

ッピ！

うさタブ

インスペクターで

色を【黒】に変更

ッピよ～！

アイカ

Imageを黒にすればいいのね！

うさタブ

四隅の青い●を

ドラッグすると、黒枠が広がるっッピ！

映画のテロップのように横幅を広げてみるッピね

ユウキ

オッケー

文字を設定する

うさタブ

会話のための文字列を入れるッピ！

うさタブ

ヒエラルキーから

右クリック→UI→古い機能→テキスト

を選択するッピよ～！

うさタブ

右側のインスペクターに移動して、

フォントサイズを２５くらいに設定

して、文字を大きくするッピ！

うさタブ

今度は、文字の色を【白】変更するッピ！

うさタブ

最後に

▶□Canvas

をクリックして、インスペクターの

チェックボタンを外すッピ！

プレイヤーの設定

プレイヤーのタグづけ

うさタブ

次はプレイヤーのタグづけをするッピ！

アイカ

タグ付け？

うさタブ

タグづけは、

●●がXXに当たったら、
▲▲というプログラムを起動する

というプログラムを組みたいときに●●やXXを判別するものッピ！

うさタブ

今回のタグ付けは

プレイヤーがNPCに当たったら、
会話というプログラムを起動する

というプログラムを組むためにタグづけしていくッピよ～！

ユウキ

そんな機能があるんだなー

うさタブ

まず

プレイヤーをクリック

するッピ～

プレイヤーの当たり判定/質量の追加

うさタブ

プレイヤーの当たり判定をつけるッピ！

すでに当たり判定がついている場合は次のステップに行くッピよ～

うさタブ

まず

プレイヤーをクリック

するッピ～

うさタブ

それからインスペクター

コンポーネントを追加→Physics2D→Circle Collider2D

を選択するッピ～

うさタブ

質量を追加するッピ！
インスペクターから

コンポーネントを追加→Physics2D→Rigidbody 2D

を選択するッピ～

うさタブ

重力や抵抗を設定するッピよ～！
インスペクターから

Rigidbody 2D

を選択するッピ～

うさタブ

そこから

リニアの抵抗０
回転抵抗 0
重力スケール 0

と入力し、

回転を固定　☑Z　にチェックを入れる

ッピよ～

アイカ

できたわ！

NPCの設定

NPCの当たり判定

うさタブ

NPCの設定をするッピ！

うさタブ

まずNPCを選択して、

インスペクター→コンポーネントを追加→Physics2D→CapsuleCollider2D

を選択するッピ～

うさタブ

当たり判定を調整するッピよ～

インスペクター→CapsuleCollider2D→コライダー編集→
NPCの緑の枠をドラッグ（少し下に拡大）

するッピ～

NPCの質量

うさタブ

次は質量を追加するッピよ～

インスペクター→コンポーネントを追加→Physics 2D→Rigidbody 2D

を選択するッピ～

うさタブ

インスペクターから

Rigidbody 2D→ボディタイプ→静的

を選択するッピ！

ユウキ

この「静的」とか「ドラマティック」とかって何なんだ？

うさタブ

これは、
外部からの「ちから」が働くかどうか？

を決める項目ッピ！

状態		重力	質量	力	速度
Dramatic （ドラマティック）	外部から力を受けるモノを動かす	○	○	○	○
Cinematic （キネマティック）	外部から力を受けないモノを動かす	✕	✕	✕	○
Static （静的）	外部から力を受けないモノを動かせない	✕	✕	✕	✕

ユウキ

へー

こうなってるのか

アイカ

勉強になったわ！

会話スクリプトをつくる

うさタブ

次はついに
会話プログラムをつくるッピよ～

うさタブ

王様を選んだまま

インスペクター→コンポーネントを追加→New script→【Talk】と名前をつけるッピ！

そのままC#スクリプトをクリックしてスクリプトを編集するッピよ～

うさタブ

↓の文をコピーして

using UnityEngine;
using UnityEngine.UI;

public class talk : MonoBehaviour
{
    public GameObject dialogue;
    public Text Text;

   [SerializeField] 
   string words = "ここにセリフ";

    private void OnCollisionEnter2D(Collision2D other)
     {
        if (other.gameObject.CompareTag("Player"))
        {
            Text.text = words;
         dialogue.SetActive (true);
        }
    }

    private void OnCollisionExit2D(Collision2D other)
     {
        if (other.gameObject.CompareTag("Player"))
        {
   dialogue.SetActive (false);
        }
    }
}

貼り付けるッピ！

うさタブ

ちなみにこれは

usingつかいます UnityEngineunityの機能を;
using UnityEngineUnityのUI機能.UIを;

public class呼び出し可能クラス　 talk名前はtalk : MonoBehaviourunity専用の親クラスです
{

public呼び出しする　 GameObjectゲームオブジェクトを設定 dialogue　名前はダイアログ;
public呼び出しする　 Text文字を設定 Text　名前はテキスト;

[Serializeインスペクターで編集可能なField　変数を設定します]
string文字列変数　 words名前はwords = “ここにセリフ”;

privateここでのみ使う　 void関数です OnCollision２Dの当たり判定をEnter2D　設定します(Collision2D他の質量をもつ物体が other触れたら){実行
ifもしも　 (other.gameObject他のゲームオブジェクトの中でも.CompareTagこのタグを持っていたら実行して(“Player”プレイヤーを)){
　TextText変数の.text文章を = words編集した文字へ変更;
　dialogueテロップとセリフの.SetActive表示設定を (trueオン（表示）にして);
}}

private void OnCollision2Dの当たり判定Exit2D　離れたら　(Collision2D other){実行
ifさらに (other.gameObject.離れたオブジェクトがCompareTag　このタグを持っていたら(“Player”プレイヤーを)){実行
　dialogue.テロップとセリフの　SetActive 表示設定を(falseオフ（非表示）にして);
}}
}

という意味になるッピよ～

ユウキ

こういう意味だったのか

アイカ

勉強になったわ！

using UnityEngine;
using UnityEngine.UI;

public class talk : MonoBehaviour
{
    public GameObject dialogue;
    public Text Text;

   [SerializeField] 
   string words = "ここにセリフ";

    private void OnCollisionEnter2D(Collision2D other)
     {
        if (other.gameObject.CompareTag("Player"))
        {
            Text.text = words;
         dialogue.SetActive (true);
        }
    }

    private void OnCollisionExit2D(Collision2D other)
     {
        if (other.gameObject.CompareTag("Player"))
        {
   dialogue.SetActive (false);
        }
    }
}