●はじめに

2D横スクロールアクション作成を目指し、プレイヤーキャラクターのアニメーションを制御してみます。

待機からスペースキーでジャンプ、左右キーで走るようにします。

アセットは無料公開されている「Warped Caves」をお借りします。

　↑これが完成します。

●走りアニメーション

▷状態と遷移

走りアニメーションを追加し、待機から相互に遷移するようにします。

①プロジェクトの「Assets>Anime>player_run」をアニメーター右側にドラッグ＆ドロップ
②アニメーターの「player_idle」を右クリックし、「遷移を作成」をクリック
③アニメーターの「player_run」をクリック
④アニメーターの「player_run」を右クリックし、「遷移を作成」をクリック
⑤アニメーターの「player_idle」をクリック

移動速度を受け取る「Float」型のパラメーター「Speed」を作成します。

①アニメーター左上のタブ「パラメーター」をクリック
②アニメーター左上の「＋」をクリックし、「Float」をクリック
③「Speed」を入力してENTERキーを押す

▷遷移設定

待機から走りへの遷移情報を設定します。

①アニメーターの「player_idle」から「player_run」への遷移をクリック
②インスペクター中央辺り「終了時間あり」右のチェックをクリック
③インスペクター下部「Conditions」右下の「＋」をクリック
④「Conditions」内のドロップダウンをクリックし、「Speed」をクリック

走りから待機への遷移情報を設定します。

①アニメーターの「player_run」から「player_idle」への遷移をクリック
②インスペクター中央辺り「終了時間あり」右のチェックをクリック
③インスペクター下部「Conditions」右下の「＋」をクリック
④「Conditions」内のドロップダウンをクリックし、「Speed」をクリック
⑤「Conditions>Speed」右のドロップダウンをクリックし、「Less」をクリック
⑥「Conditions>Speed」右端に「0.1」を入力

▷遷移制御

Playerスクリプトを修正し、パラメーターを制御してキー操作出来るようにします。

水平方向の入力値を取得しています。
左キーを押し続けると-1まで減少し、右キーを押し続けると1まで増加します。
左右関係なく扱うため、絶対値をSpeedに設定しています。

ついでにスペースキーでジャンプするよう条件を修正してます。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Player : MonoBehaviour
{
    Animator animator;      // アニメーターコンポーネントを入れる変数

    // Start is called before the first frame update
    void Start()
    {
        // 自分に割り当てられているアニメーターコンポーネントを取得
        animator = GetComponent<Animator>();
    }

    // Update is called once per frame
    void Update()
    {
        // ジャンプキーが押された場合
        if (Input.GetButtonDown("Jump") == true)
        {
            // トリガー「Jump」をONにする
            animator.SetTrigger("Jump");
        }

        // 水平方向の入力値を取得
        float axisH = Input.GetAxis("Horizontal");
        // Float「Speed」に「水平方向の入力値」の絶対値を設定
        animator.SetFloat("Speed", Mathf.Abs(axisH));
    }
}

●走り中にジャンプ

▷遷移作成

走りアニメーション中にジャンプ出来ない状態です。

なので走りからジャンプへ遷移を追加します。

①アニメーターの「player_run」を右クリックし、「遷移を作成」をクリック
②アニメーターの「player_jump」をクリック

▷遷移情報

遷移情報はトリガーがONになったら即ジャンプするように設定します。

①アニメーターの「player_run」から「player_jump」への遷移をクリック
②インスペクター中央部の「終了時間あり」にあるチェックをクリック
③インスペクター下部の「Conditions」右下にある「＋」をクリック

▷動作確認

走っている最中にスペースキーを押すと即ジャンプに遷移します。

●左右方向に向く

▷スクリプト修正

左右キーどちらを押していても右向きのままです。

スケールのXを-1にすると左向きにできます。
水平入力がマイナスの時は-1とし、左向きになるようスクリプトを修正します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Player : MonoBehaviour
{
    Animator animator;      // アニメーターコンポーネントを入れる変数

    // Start is called before the first frame update
    void Start()
    {
        // 自分に割り当てられているアニメーターコンポーネントを取得
        animator = GetComponent<Animator>();
    }

    // Update is called once per frame
    void Update()
    {
        // ジャンプキーが押された場合
        if (Input.GetButtonDown("Jump") == true)
        {
            // トリガー「Jump」をONにする
            animator.SetTrigger("Jump");
        }

        // 水平方向の入力値を取得
        float axisH = Input.GetAxis("Horizontal");
        // Float「Speed」に「水平方向の入力値」の絶対値を設定
        animator.SetFloat("Speed", Mathf.Abs(axisH));

        // 水平方向入力中の場合
        if (axisH != 0)
        {
            // 水平入力がマイナスの場合はXスケールを-1、それ以外は1とする
            float xScale = axisH < 0 ? -1 : 1;
            // スケールを設定
            transform.localScale = new Vector3(xScale, 1, 1);
        }
    }
}

▷動作確認

左キー入力中は左、右キー入力中は右を向くようになりました。
停止してもそのままジャンプしても向きが継続されます。

●完成

待機、ジャンプ、走りのアニメーションが制御できるようになりました。

弾を撃つアニメーション３パターンにやられも制御したかったですが、
土曜はボルダリング、日曜はDDR、RPGツクールも考えるとなると中々厳しいですね。

弾撃ちアニメーションもいいけど、ここまで来たらちゃんと移動してジャンプしてマップ内を動きたい。
ということで、次回の目標はマップ内を動けるようにする、です。

頑張ろう。

投稿 【2D機能】走りアニメーション制御【アニメーター】 は だくまたゲーム制作ブログ に最初に表示されました。

●はじめに

2D横スクロールアクション作成を目指し、「アニメーターコントローラー」を使ってアニメーションを切り替えてみます。

アニメーターコントローラーは奥が深く、理解が追いついてない部分もあります。
それでもアニメーション切り替え程度のことは出来るのでやってみます。

アセットは無料公開されている「Warped Caves」をお借りします。

　↑これが完成します。

●アニメーター基本

▷アセット確認

前回アニメーションを作成しましたが、その時同時に作成されたアセットに「アニメーターコントローラー」があります。
２つの四角が線で繋がったアイコンがアニメーターコントローラー、
三角形が移動しているようなアイコンがアニメーションのアセットです。

このアニメーターコントローラーをアニメーターで使用します。

▷アニメータービュー

アニメーターコントローラーをダブルクリックするとアニメータービューが表示されます。

アニメータービューの右側にスペースにアニメーションを配置し、
切り替えの条件を持っている線で繋ぎます。

現在は「Entry」と「player_idle」が繋がっていて、「Any State」は浮いた状態です。

Entryは開始時の状態で、開始時にすぐ次の状態に移動します。
ここでは開始時に状態「player_idle」に移動し、その状態に設定されたアニメーション「player_idle」が再生されます。

「Any State」は現在がどのような状態であっても移動元にできます。
条件が満たされた場合、状態に関係なくAny Stateの先の状態に移動します。

攻撃が終わったら待機、ジャンプが終了したら待機、やられが終了したら待機といった場合、
線がややこしいことになるし、条件を間違えたら全て直す必要があります。
Any Stateを使えば待機状態に線を繋ぎ、条件を１つ用意するだけで完成です。
（・・・多分こんな使い方だと思う）

もう１つデフォルトで用意されている状態「EXIT」があります。
状態が置かれた部分の背景部分を一度クリックし、「A」キーを押してみて下さい。
全ての状態が見えるように縮小表示してくれます。

①アニメータービューの右側、何もないスペースをクリック
②「A」キーを押す

赤色の状態が「Exit」で、アニメーションの終了を指定します。
上手く扱うのが難しいので使いません。

終了後、即Entryに移動するので、上手く画像がループ再生するようにしないと変になる。
結局は色んな状態に移動しまくるので、わざわざ終了させる必要はないかな。
※だから範囲外に置かれている、のかな？

状態をドラッグ＆ドロップで配置換えできます。
線は自動で繋がってくれます。
なんとなくExitも近くにいてほしいので整理しました。

①状態のドラッグ＆ドロップで配置換え
②マウスホイールの前後で拡大縮小
③マウスホイールを押し下げ、ドラッグで並行移動

▷ジャンプに切り替え

待機アニメーションが終了したらジャンプアニメーションが再生されるようにしましょう。

前回のプロジェクトを使っている場合、アニメーションが沢山置かれているので、一旦待機以外削除します。
また、プレイヤーとして扱うので名前も「Player」にします。

①ヒエラルキーの「player-hurt-1」をクリック
②Shiftキーを押しながら「player-run-shot-1」をクリック
③Deleteキーを押す

①ヒエラルキーの「player-idle-1」をクリック
②F2キーを押して「Player」と入力し、ENTER

ジャンプアニメーションをアニメータービューに配置します。

①プロジェクトの「Assets>Anime>player_jump」をアニメータービューの右側スペースにドラッグ＆ドロップ

「player_idle」と「player_jump」を繋ぎます。

①アニメーターの「player_idle」を右クリック
②「遷移を作成」をクリック

①アニメーターの「player_jump」をクリック

移動＝遷移する時の設定を行います。

デフォルトではアニメーションを滑らかにするためブレンドしていますが、
スプライトはブレンドできないので使わないように設定します。

①アニメーターで作成した遷移をクリック
②インスペクターの「Setting」左にある▶をクリック
③終了時間に「1」を入力
④遷移時間(s)に「0」を入力

このまま再生すると待機アニメーションがすぐ終わってしまってよくわからないので、
一旦Eixtに遷移を繋げて確認しやすくします。

①アニメーターの「player_jump」を右クリック
②Exitをクリック
③「遷移を作成」をクリック
④player_jumpからExitへの遷移をクリック
⑤インスペクターの「Setting」左にある▶をクリック
⑥終了時間に「1」を入力
⑦遷移時間(s)に「0」を入力

待機アニメーションとジャンプアニメーションを１ループずつ繰り返すようになりました。

プレビュー中にアニメーターを見ると現在どの状態が再生中かわかります。
青いバーが満タンになると次の状態に遷移します。

遷移状態が見えない場合はヒエラルキーの「Player」をクリックしてみて下さい。

●遷移条件

▷パラメーター作成

マウス左ボタンが押されたらジャンプするようにしたいと思います。

アニメーターは「パラメーター」を監視し、値に応じて遷移を切り替えることができます。
パラメーターはスクリプトで値を制御しますが、後回し。

プレビュー中に直接切り替える形で一旦実装してみます。

まずはExitへの遷移を削除し、

①アニメーターの「player_idle」と「Exit」を繋ぐ遷移をクリック
②Deleteキーを押す

パラメータータブを開きます。

①アニメーター左上の「パラメーター」をクリック

「トリガー」のパラメーターを追加します。

①アニメーター左上の「＋」をクリック
②「Trigger」をクリック

「Jump」と命名します。

①「Jump」と入力してENTERを押す

▷遷移条件

遷移条件を設定しましょう。
条件はインスペクターで追加します。
「トリガーがONになったら遷移する」条件が追加できました。

①アニメーターの「player_idle」と「player_jump」間の遷移をクリック
②インスペクターの「終了時間あり」にあるチェックをクリック
③インスペクターの「Conditions」にある右下の「＋」をクリック

▷遷移条件

プレビューすると待機アニメーションがループ再生されます。

アニメーターにあるパラメーター「Jump」の右側にあるラジオボタン、
これをクリックするとジャンプアニメーションがループ再生されます。

①Unity上部中央の「▶」をクリック
②アニメーターのパラメーター部分にある「Jump」のラジオボタンをクリック

アニメーションを配置して遷移で繋ぎ、条件で制御する、という手順になります。
トリガーはONになった後すぐにOFFに戻るため、プレビュー中はONになったように見えません。

●パラメータ制御

▷スクリプト準備

マウス左ボタンが押された時にトリガー「Jump」をONにしてジャンプアニメーションが再生されるようにします。

そのためにはスクリプトが必要になります。
アニメーターが持つパラメーターはコンポーネント「Animator」の機能を使います。
アニメーターはアニメーション作成時にゲームオブジェクトに割り当てられています。

つまり、ゲームオブジェクト「Player」にスクリプトを割り当て、
そのスクリプトで自分（Player）のAnimatorを取得、
Animatorのパラメーター設定機能を使ってJumpトリガーをONにする、という手順になります。

まずスクリプト「Player」を作成しましょう。

①プロジェクトの「Assets」を右クリック
②「作成＞C#スクリプト」をクリック
③「Player」と入力してENTERを押す

ゲームオブジェクトの「Player」に割り当てます。

①プロジェクトの「Assets>Player」をヒエラルキーの「Player」にドラッグ＆ドロップ

▷スクリプト作成

自分が持つアニメーターを取得し、マウス左ボタンが押された時にトリガーをONにするスクリプトを記述します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Player : MonoBehaviour
{
    Animator animator;      // アニメーターコンポーネントを入れる変数

    // Start is called before the first frame update
    void Start()
    {
        // 自分に割り当てられているアニメーターコンポーネントを取得
        animator = GetComponent<Animator>();
    }

    // Update is called once per frame
    void Update()
    {
        // マウス左ボタンが押されている場合
        if (Input.GetMouseButtonDown(0) == true)
        {
            // トリガー「Jump」をONにする
            animator.SetTrigger("Jump");
        }
    }
}

▷動作確認

プレビューして動きを確認します。

その前に、何度も確認できるよう待機状態に戻るようにします。

①アニメーターの「player_jump」を右クリック
②「遷移を作成」をクリック
③アニメーターの「player_idle」をクリック
④player_jumpからplayer_idleへの遷移をクリック
⑤インスペクターの「Setting」左にある▶をクリック
⑥終了時間に「1」を入力
⑦遷移時間(s)に「0」を入力

ということでプレビュー。
最初は待機アニメーションが再生され、マウス左ボタンをクリックするとジャンプします。
その場で回転しているだけなのでジャンプには見えませんが…。

①Unity上部中央の「▶」をクリック

●完成

待機アニメーションからジャンプアニメーションへ切り替わるようになりました。

状態を追加して遷移を追加、パラメーターを作成して条件を設定、スクリプトで制御、
これを繰り返していけばそれっぽくなる…はず。

アニメーションの数が増えれば遷移の矢印も増えて複雑になり、
その分条件も増えて頭が混乱してくると思います。

この辺の複雑さはアニメーター左上タブにある「レイヤー」の機能で緩和できます。

次回はアニメーターのレイヤー機能を使い、他のアニメーションも追加してみようと思います。

投稿 【2D機能】アニメーション切り替え【アニメーター】 は だくまたゲーム制作ブログ に最初に表示されました。

●はじめに

2D横スクロールアクション作成を目指し、「アニメーション」を使ってキャラクターを表示してみます。

アニメーションは結構色々できますが、とりあえず2Dでパラパラアニメを再生するまでの手順を書いていきます。

アセットは無料公開されている「Warped Caves」をお借りします。

　↑これが完成します。

●アニメーション作成

▷アセット確認

・解説

「Warped Caves」のアセットを確認します。

プレイヤーのアニメーションは「Assets>Warped Caves>Artwork>Sprites>player」の中にあります。
playerフォルダ内にある各フォルダはアニメーションのパターンで、
その中にアニメーションの１コマに当たる画像が１枚１枚格納されています。

画像を分割する必要が無いので楽ができそうです。

・手順

①プロジェクトの「Assets>Warped Caves>Artwork>Sprites>player」をクリック

②プロジェクトの「Assets>Warped Caves>Artwork>Sprites>player>player_idle」をクリック

▷待機アニメーション作成

・解説

何も操作していない時に再生するアニメーション「アイドル」を作成します。

「player-idle-1～4」を全て選択し、「ユニット毎のピクセル数」を「16」に指定、
シーンビューかヒエラルキービューにドラッグ＆ドロップしてanimファイルを保存するだけで作成完了です。

・手順

①プロジェクトの「Assets>Warped Caves>Artwork>Sprites>player>player_idle>player-idle-1」をクリック
②Shiftキーを押しながらプロジェクトの「Assets>Warped Caves>Artwork>Sprites>player>player_idle>player-idle-4」をクリック

③インスペクターにある「ユニット毎のピクセル数」に「16」を入力
④インスペクターの下の方にある「適用する」をクリック

⑤プロジェクトで選択している４画像をシーンビューにドラッグ＆ドロップ
⑥playerの上にあるフォルダ「Assets」をクリック
⑦「新しいフォルダ」をクリック
⑧「Anime」と入力してENTERを押す
⑨作成したフォルダ「Anime」をダブルクリック
⑩ファイル名に「player_idle.anim」を入力してENTERを押す

▷アニメーション再生

・解説

以上でアニメーションは完成です。
プレビューを開始するとキャラクターが肩で息をするようなアニメーションが再生されます。

・手順

①Unity上部中央の「▶」をクリック

●アニメーション調整

▷ビュー表示

・解説

アニメーションの速度がちょっと早いので「アニメーションビュー」で速度調整します。

アニメーションビューはanimファイルをダブルクリックすることで開くことができます。

・手順

①プロジェクトの「Assets>Anime>player_idle」をダブルクリック
②「Sprite」の左にある▶をクリック
※右側に各コマに設定された画像が表示される

▷速度変更

・解説

アニメーションは「サンプル」という値を基準にして速度が決まります。
１秒で画像を何枚切り替えるかを表すのが「サンプル」になります。
この値を大きくすると速く、小さくすると遅くなります。

今回は遅くしたいので、サンプルを「6」にします。

・手順

①アニメーションビューのサンプルに「6」を入力してENTERを押す

▷フレーム画像調整

・解説

マウスホイールの操作でアニメーションビューの右側にあるタイムラインの拡大縮小しつつ調整します。
画像の左上にある◆をドラッグ＆ドロップで画像を配置するコマを移動したり、
画像を選択して再生範囲を広げたり縮めたりできます。

・手順

①アニメーションビュー右側のタイムライン上でマウスホイールを前に回す

②アニメーションビュー右側のタイムライン上でマウスホイールを後ろに回す

③１フレーム目の画像を７フレーム目に移動

④Unity上部中央の「▶」をクリック

⑤７フレーム目の画像を１フレーム目に移動

⑥タイムラインの空欄をクリック
⑦CTRLキーを押しながらAキーを押す

⑧出現した右側の青バーを９フレーム目にドラッグ＆ドロップ

⑨Unity上部中央の「▶」をクリック

⑩右側の青バーを３フレーム目にドラッグ＆ドロップ

●アニメーション量産

▷ダメージ、ジャンプ

・解説

ダメージを受けた時とジャンプした時のアニメーションを作成します。

・手順

①プロジェクトの「Assets>Warped Caves>Artwork>Sprites>player>player_idle>player-hurt-1」をクリック
②CTRLキーを押しながらプロジェクトの「Assets>Warped Caves>Artwork>Sprites>player>player_idle>player-hurt-2」をクリック
③インスペクターにある「ユニット毎のピクセル数」に「16」を入力
④インスペクターの下の方にある「適用する」をクリック

⑤プロジェクトで選択している２画像をシーンビューにドラッグ＆ドロップ
⑥「新しいアニメーションの作成」でフォルダ「Anime」をクリック
⑦ファイル名に「player_hurt.anim」を入力してENTERを押す

⑧プロジェクトの「Assets>Anime>player_hurt」をダブルクリック
⑨アニメーションビューのサンプルに「6」を入力してENTERを押す

①プロジェクトの「Assets>Warped Caves>Artwork>Sprites>player>player_idle>player-jump-1」をクリック
②CTRLキーを押しながらプロジェクトの「Assets>Warped Caves>Artwork>Sprites>player>player_idle>player-jump-6」をクリック
③インスペクターにある「ユニット毎のピクセル数」に「16」を入力
④インスペクターの下の方にある「適用する」をクリック

⑤プロジェクトで選択している２画像をシーンビューにドラッグ＆ドロップ
⑥「新しいアニメーションの作成」でフォルダ「Anime」をクリック
⑦ファイル名に「player_jump.anim」を入力してENTERを押す

⑧プロジェクトの「Assets>Anime>player_jump」をダブルクリック
⑨アニメーションビューのサンプルに「6」を入力してENTERを押す

▷走り、走りながら弾発射、立ち止まって弾発射

・解説

アニメーション画像のある残り３つも作成します。

・手順

同様にアニメーションフォルダの画像を使ってアニメーションを作成します。
走り：player-run-shot
走りながら弾発射：player-run-shot
立ち止まって弾発射：player-stand

▷動作確認

・解説

プレビューしてアニメーションを確認します。

アニメーションビューからでも再生が確認できます。
アニメーションビューを開いてアニメーションを持ったゲームオブジェクトを選択、
ビューの左上にある▶をクリックします。

また、タイムライン上部のフレーム番号がかかれた場所をドラッグすると
どのフレームでどの画像が表示されるかよく分かります。

・手順

①Unity上部中央の「▶」をクリック

①ヒエラルキーの「player-run-shot-1」をクリック
②アニメーションの左側上部にある「▶」をクリック

①ヒエラルキーの「player-run-shot-1」をクリック
②アニメーションの右側上部にあるフレーム番号をドラッグ

●完成

キャラクターのアニメーションを作成しました。
単なるスプライト切り替えのアニメーションであれば、
アニメーションさせる画像を全て選択してシーンにドラッグ＆ドロップするだけで完成します。

プロパティを追加することで位置や拡大縮小といったアニメーションも作ることができます。
この辺は3Dでも共通の機能で、いつかやるかも知れません。

次回はアニメーターを使ってキャラクターを制御しようと思います。

投稿 【2D機能】スプライトアニメーション【アニメーション】 は だくまたゲーム制作ブログ に最初に表示されました。

●はじめに

2D横スクロールアクション作成を目指し、「タイルマップ」を使ってマップ作成してみます。
「タイルマップの紹介」という形で投稿し、いつでも失踪できるようキリ良くいきます。

タイルマップは結構色々できますが、とりあえず編集開始できるまでの手順を書いていきます。

アセットは無料公開されている「Warped Caves」をお借りします。

　↑これが完成します。

●プロジェクト準備

▷プロジェクト作成

・解説

2Dテンプレートでプロジェクトを作成します。
2Dテンプレートにすることで、2D機能の１つ「タイルマップ」機能を使えるようにします。

・手順

①UnityHubを起動
②「新しいプロジェクト」をクリック

③中央の一覧にある「2D」をクリック
④右下のプロジェクト名に「SideACT」を入力
⑤「プロジェクトを作成」をクリック

▷マイアセット登録

・解説

アセットストアから「Warped Caves」をお借りします。
メト○イドっぽい。

・手順

①アセットストアの「Warped Caves」にアクセス
②「マイアセットに追加」をクリック

▷アセットインポート

・解説

「Warped Caves」をプロジェクトにインポートし、ファイルを扱えるようにします。

・手順

①Unityメニューの「ウィンドウ＞パッケージマネージャー」をクリック
②パッケージマネージャー左上の「パッケージ：＊＊＊＞マイアセット」をクリック
③パッケージマネージャー左側の一覧にある「Warped Caves」をクリック
④パッケージマネージャー右下の「ダウンロード」をクリック
⑤パッケージマネージャー右下の「インポート」をクリック
⑥Import Unity Package右下の「インポート」をクリック

●タイルマップ準備

▷スプライト調整

・解説

１６ドットを１ユニットとして扱うようにします。
１６ドット✕１６ドットで出来ているタイルを１枚として配置できるようになります。

・手順

①プロジェクトの「Assets>Warped Caves>Artwork>Environment>tileset-sliced」をクリック
②インスペクターの「ユニット毎のピクセル数」に(16)を入力
③インスペクターの「適用する」をクリック

▷パレット作成

・解説

タイルマップで扱うアセット、「パレット」を作成します。
パレットは分割したスプライト「タイル」を管理するアセットです。

・手順

①プロジェクトの「Assets」を右クリック
②「作成＞2D＞タイルパレット＞矩形」をクリック
③”Palette”と入力し、ENTERキーを押す

▷タイル作成

・解説

スプライトを１６ドット✕１６ドットのタイルとして分割します。
沢山作られるため、見失わないよう「Tiles」フォルダにまとめて配置します。

・手順

①Unityメニューの「ウィンドウ＞2D＞タイルパレット」をクリック

②プロジェクトの「Assets>Warped Caves>Artwork>Environment>tileset-sliced」をタイルパレットの中央部分にドラッグ＆ドロップ
③Generate tiles into folderで開かれている階層の３つ上のフォルダ、「***/SideACT/Assets」に移動
④左上の新しいフォルダー」をクリック
⑤「Tiles」を入力し、ENTERを押す
⑥右下の「フォルダーの選択」をクリック

●タイルマップ作成

▷タイルマップ作成

・解説

タイルを表示するゲームオブジェクト、「タイルマップ」を作成します。
このタイルマップに対してタイルを配置していきます。

・手順

①ヒエラルキー左上の「＋」をクリック
②「2Dオブジェクト＞タイルマップ＞矩形」をクリック

▷タイルマップ編集

・解説

タイルをクリックした位置に配置したり、箱状に配置、塗りつぶしたりしてマップを作成します。

・手順

シーン上にカーソルを持っていくと配置プレビューが見えるので、それを参考にしつつマップを作成しましょう。

①タイルパレット上部の筆アイコン「Paint with active brush (B)」をクリック
②タイルパレット中部のタイルをクリック　～　描画タイルの選択
③シーン上のタイル配置したい場所をクリック　～　タイルの配置
④タイルパレット中部のタイルをドラッグ　～　描画タイルの複数選択
⑤シーン上のタイル配置したい場所をクリック　～　タイルの配置

▷コライダー設定

・解説

衝突機能を持ったコンポーネント、「Tilemap Collider 2D」を設定します。

・手順

①ヒエラルキーの「Grid>Tilemap」をクリック
②インスペクターの「コンポーネントを追加」をクリック
③「Tilemap>Tilemap Collider 2D」をクリック

衝突判定の処理に時間がかかってしまうため、コライダーをまとめて扱ってくれるコンポーネントを設定します。
また、マップは物理的な影響を受けないよう「キネマティック」にします。

①インスペクターの「コンポーネントを追加」をクリック
②「Physics 2D>Composite Collider 2D」をクリック
③インスペクターの「Tilemap Collider 2D>コンポジットで使用」をチェック
④インスペクターの「Rigidbody 2D>ボディタイプ」を「キネマティック」に変更

●動作確認

▷球作成

・解説

動作確認のため、球を作成します。

・手順

①ヒエラルキー左上の「＋」をクリック
②「2Dオブジェクト>スプライト>サークル」をクリック

▷球設定

・解説

球が衝突、落下するようにコンポーネントを設定します。

・手順

①インスペクターの「コンポーネントを追加」をクリック
②「Physics 2D>Circle Collider 2D」をクリック
③インスペクターの「コンポーネントを追加」をクリック
④「Physics 2D>Rigidbody 2D」をクリック
⑤Circleはタイルマップの内側に配置

▷動作確認

・解説

プレビューしながら球を好きな位置に動かし、凹凸に合わせて衝突することを確認します。

・手順

①Unity上部中央の「▶」をクリック
②ヒエラルキーの「Grid>Circle」をクリック
③シーンの「ツール」にある「移動ツール」をクリック
④シーン上のCircleにある青四角をドラッグ＆ドロップ

●完成

矩形タイプのタイルマップを作成しました。
パレット、タイル、タイルマップ、グリッド、タイルマップコライダー…、
登場人物が多すぎて面倒かも知れないけど、これだけでも結構楽しい。

タイルごとの衝突設定、オートタイル、グリッド形状など、
タイルマップが持つ機能はまだまだありますが。

さて、やはり横スクロールアクションはキャラクターを動かさないと始まらない。
次回はキャラクターを動かそう。

投稿 タイルマップ【Unity-2D】 は だくまたゲーム制作ブログ に最初に表示されました。

■構成

UIは「キャンバス、UI、イベントシステム」の３要素でできています。

キャンバスに「画像、テキスト、ボタン」などのUIを配置し、
イベントシステムでボタンなどの操作受け付けを行います。

●キャンバス

UIとして表示する範囲を表すコンポーネントです。
キャンバスの子供として配置したUIが画面に表示されます。

複数のコンポーネントが必要になりますが、UI作成時に自動生成されます。
慣れない内はUnityに任せましょう。

●UI

画像やテキスト、ボタンなど、UIとして扱う要素のことです。
UIを作成すると「UIのコンポーネントが追加されたゲームオブジェクト」が作成されます。

●イベントシステム

ボタンやドロップダウン、スライダーなど、ユーザー入力を制御するコンポーネントです。

複数のコンポーネントが必要になりますが、UI作成時に自動生成されます。
慣れない内はUnityに任せましょう。

削除するとユーザー入力が無視されるので注意してください。

■使い方

●UI表示

ゲームオブジェクトの作成でUI画像の作成を行えます。
ヒエラルキー左上の「＋」をクリックし、「UI＞＊＊＊」をクリックするとUIのゲームオブジェクト郡（※）が作成されます。

※UI画像なら「Canvas、Image、EventSystem」の３つ

●UI配置

UIの姿勢制御はTransformではなく「RectTransform」で行います。

位置指定は「アンカー」からの相対位置として指定し、回転の原点として「ピボット」を使います。
アンカーとピボットは「RectTransform」コンポーネントの左上にあるアイコン「アンカープリセット」でも指摘できます。
画像でイメージしやすく、１クリック指定も可能なので慣れると楽です。

●イベント、ハンドラ

UIにはユーザーからの入力をスクリプトに渡す機能があります。

ボタンはクリックされた時、ドロップダウンやスライダーは値が変更された時など。
そういった状況変化を「イベント」と呼び、イベントを受け取る側を「ハンドラ」と呼びます。
インスペクターの「イベント」にスクリプトの「ハンドラ」を指定することで、
ユーザー操作をスクリプトに知らせ、処理を実行するようになります。

■実践

●画像表示

▷画像準備

画像として表示する画像ファイルをインポートし、スプライトに設定します。

1. 画像ファイルをプロジェクトの「Assets」にドラッグ＆ドロップ
2. プロジェクトの「Assets＞画像アセット」をクリック
3. インスペクターのドロップダウン「テクスチャタイプ」をクリックし、「スプライト（2D と UI）」をクリック
4. インスペクターの「適用する」をクリック

▷画像表示

UI画像を作成し、スプライトを割り当てます。

1. ヒエラルキー左上の「＋」をクリックし、「UI＞画像」をクリック
2. インスペクターの「Image＞ソース画像」右の「○」をクリックし、スプライトをダブルクリック
3. CTRLキーを押しながらSキーを押す

▷UI配置

右下に寄せて表示します。

1. ヒエラルキーの「Canvas＞Image」をクリック
2. インスペクターの「Rect Transform」左上のアンカープリセットをクリックし、ALTキーを押しながら「right – bottom」をダブルクリック
3. CTRLキーを押しながらSキーを押す

●テキスト表示

▷テキスト作成

UIテキストを作成します。

1. ヒエラルキー左上の「＋」をクリックし、「UI＞テキスト – TextMeshPro」をクリック

▷TMPインポート

TextMeshProをインポートします。

1. TMP Importerの「Import TMP Essentials」をクリック
2. TMP Importer右上の「×」をクリック
3. CTRLキーを押しながらSキーを押す

▷UI配置

画面横幅に収めて表示します。

1. ヒエラルキーの「Canvas＞Text (TMP)」をクリック
2. インスペクターの「Rect Transform」左上のアンカープリセットをクリックし、「stretch – stretch」をダブルクリック
3. インスペクターの「Rect Transform＞上下左右」を(0, 0, 0, 0)とする
4. インスペクターの「TextMeshPro＞Text Input」下のテキスト入力に(Test)を入力
5. インスペクターの「TextMeshPro＞Font Size＞Auto Size」にチェックを入れる
6. インスペクターの「TextMeshPro＞Vertex Color」右のカラーバーをクリックし、色の16進数を(0000FF)とする
7. インスペクターの「TextMeshPro＞Alignment＞Center（上段の左から２番目）」をクリック
8. インスペクターの「TextMeshPro＞Alignment＞Middle（下段の左から２番目）」をクリック
9. インスペクターの「TextMeshPro＞Outline」のチェックを入れる
10. インスペクターの「TextMeshPro＞Outline＞Color」右のカラーバーをクリックし、色のRGBAを(
11. インスペクターの「TextMeshPro＞Outline＞Thickness」を(0.2)とする
12. CTRLキーを押しながらSキーを押す

▷日本語フォント準備

IPAフォントをダウンロードしてインポートします。

1. 「一般社団法人文字情報技術促進協議会」の「IPA Font ダウンロード」ページにアクセス
2. 「IPAexフォント Ver.004.01」をクリック
3. 「IPAフォントライセンス」に同意する
4. 「ipaexg00401.zip(4.0MB)」をクリック
5. 「IPAexfont00401.zip」を解凍
6. 解凍したフォルダ内の「ipaexg.ttf」をUnityのプロジェクトにドラッグ＆ドロップ
7. インスペクターの文字ドロップダウンをクリックし、「Custom Set」をクリック
8. インスペクターの「適用する」をクリック

▷フォントアセット作成

使用する日本語文字を登録し、フォントアセットを作成します。

1. Unityメニューの「ウィンドウ＞TextMeshPro＞フォントアセットクリエーター」をクリック
2. Font Asset Creatorの「Font Settings>Source Font File」右にある○をクリックし、「ipaexg」をダブルクリック
3. Font Asset Creatorの「Sampling Point Sizeドロップダウン」をクリックし、「Custom Size」をクリック
4. Font Asset Creatorの「Sampling Point Sizeドロップダウン」右のテキスト入力に(48)を入力
5. Font Asset Creatorの「Padding」に(8)を入力
6. Font Asset Creatorの「Atlas Resolution」を(8192, 8192)に変更
7. Font Asset Creatorの「Character Setドロップダウン」をクリックし、「Custom Characters」をクリック
8. kgsiさんの記事「UnityのText Mesh Proでほぼ全ての日本語を表示させる」にアクセス
9. 「japanese_full.txt」をクリック
10. 青枠右上の「Raw」をクリック
11. CTRLを押しながらAキーを押した後、CTRLを押しながらCキーを押す
12. Font Asset Creatorの「Custom Character List」のテキストエリアをクリックし、CTRLを押しながらVキーを押す
13. Font Asset Creatorの「Generate Font Atlas」をクリック
14. Font Asset Creatorの「Save」をクリックし、保存をクリック
15. Font Asset Creator右上の「×」をクリック

▷日本語表示

日本語でテキストを表示します。

1. ヒエラルキーの「Canvas>Text(TMP)」をクリック
2. インスペクターの「TextMeshPro＞Text Input」下のテキスト入力に(テスト！)を入力
3. インスペクターの「TextMeshPro＞Main Settings>Font Asset」右の○をクリックし、「ipaexg SDF」をダブルクリック
4. インスペクターの「TextMeshPro＞Main Settings>Auto Size」のチェックを外す
5. インスペクターの「TextMeshPro＞Main Settings>Font Size」に(32)を入力
6. インスペクターの「TextMeshPro＞Outline＞Thickness」に(0.1)を入力
7. CTRLキーを押しながらSキーを押す

●ボタン作成

▷ボタン作成

UIボタンを作成します。

1. ヒエラルキー左上の「＋」をクリックし、「UI＞ボタン – TextMeshPro」をクリック

▷TMPインポート

TextMeshProをインポートします。

1. TMP Importerの「Import TMP Essentials」をクリック
2. TMP Importer右上の「×」をクリック
3. CTRLキーを押しながらSキーを押す

▷UI配置

中央に表示します。

1. ヒエラルキーの「Canvas＞Button」をクリック
2. インスペクターの「Rect Transform」左上のアンカープリセットをクリックし、ALTキーを押しながら「center – middle」をダブルクリック
3. CTRLキーを押しながらSキーを押す

▷ボタン設定

クリック時にテキストを変更するように設定します。

1. ヒエラルキーの「Canvas>Button」をクリック
2. インスペクターの「Button>クリック時()」が見える所までスクロール
3. ヒエラルキーの「Canvas>Button」左の「▶」をクリック
4. ヒエラルキーの「Canvas>Button>Text (TMP)」をインスペクターの「Button>クリック時()」左下の「なし(オブジェクト)」にドラッグ＆ドロップ
5. インスペクターの「Button>クリック時()」右上のドロップダウンをクリックし、「TextMeshProUGUI>string text」をクリック
6. インスペクターの「Button>クリック時()」右下のテキスト入力に(click)を入力
7. CTRLキーを押しながらSキーを押す

▷動作確認

クリック時にボタンテキストが指定文字に変わることを確認します。

1. エディタ上中央の「▶」をクリック
2. ボタンをクリックする
3. ボタンテキストが(click)に変わることを確認
4. エディタ上中央の「▶」をクリック

投稿 【基本機能】UI は だくまたゲーム制作ブログ に最初に表示されました。

■構成

パーティクルシステムは「どんな粒子を、どのような形で、どのように放出し、どのように変化するか」を指定することで表現します。
それ以外にも設定はありますが、最初はこの４要素を理解してから先へ進むのが良いかと思います。

大量に存在する設定は「モジュール」としてある程度整理されています。

●粒子

粒子が集まってエフェクトを表現します。
形状、色、大きさ、速度、生存期間、などを設定します。

• メインモジュール
• テクスチャーアニメーション
• レンダラーモジュール

●放出口

粒子を放出する穴の形です。
球、円錐、箱といった形状そのものや、粒子生成の範囲を設定します。

• 形状モジュール

●放出方法

粒子をどのように放出するかです。
一定間隔で放出したり、一度に大量に放出したり、いくつ出すかなどを設定します。

• 放出モジュール

●変化

条件に応じて粒子がどのように変化するかです。
時間に応じて「色や透明度、サイズ」をどのように変化させるかを指定します。

• 生存期間の色モジュール
• 生存期間のサイズモジュール

■使い方

●とりあえずエフェクト再生

ゲームオブジェクトとして作成するだけで上昇する白い粒子が再生されます。

• ヒエラルキー左上の「＋」をクリックし、「エフェクト＞パーティクルシステム」をクリック

●設定をいじる

コンポーネントには縦にモジュールが並んでおり、それぞれ展開して設定していきます。

ゲームオブジェクトと同じ名前が付いている１つ目は「メインモジュール」と呼ばれ、
パーティクルシステム全体を制御したり初期化したりする設定があります。

• 「メイン、レンダラー、テクスチャーアニメーション」で粒子を設定
• 「形状」で放出口、「放出」で放出方法を設定
• 「生存期間の色、生存期間のサイズ」で変化を設定

●スクリプトでエフェクト再生

スクリプトを活用することで、再生するタイミングを制御できます。

1. ゲームオブジェクト取得
2. パーティクルシステム取得
3. パーティクルシステムのPlay関数を呼び出す

■実践

●炎っぽいエフェクトの設定

▷パーティクルシステム作成

パーティクルシステムを作成し、(0, 0, 0)に配置、スケールを(5, 5, 5)とします。

1. ヒエラルキー左上の「＋」をクリックし、「エフェクト＞パーティクルシステム」をクリック
2. インスペクターの「Transform＞縦の三点リーダー＞リセット」をクリック
3. インスペクターの「Transform＞スケール」を(5, 5, 5)とする
4. CTRLキーを押しながらSキーを押す

▷粒子設定

１秒で消えるようにし、速度０、色オレンジ、重力-2で上昇する粒子とします。

1. インスペクターの「Particle System＞メイン＞継続時間」を(1)とする
2. インスペクターの「Particle System＞メイン＞開始時の生存時間」を(1)とする
3. インスペクターの「Particle System＞メイン＞開始時の速度」を(0)とする
4. インスペクターの「Particle System＞メイン＞開始時の色」を(#FF8000)とする
5. インスペクターの「Particle System＞メイン＞重力モディファイア」を(-2)とする
6. CTRLキーを押しながらSキーを押す

▷放出口設定

秒間20個放出する半径0.1のスフィアを放出口とします。

1. インスペクターの「Particle System＞放出」のタイトルバーをクリック
2. インスペクターの「Particle System＞放出＞時間ごとの率」を(20)とする
3. インスペクターの「Particle System＞形状」のタイトルバーをクリック
4. インスペクターの「Particle System＞形状＞形状」を(スフィア)とする
5. インスペクターの「Particle System＞形状＞半径」を(0.1)とする
6. CTRLキーを押しながらSキーを押す

▷色変化設定

時間に応じて色を「不透明から透明、オレンジから茶色」に設定します。

1. インスペクターの「Particle System＞生存期間の色」のタイトルバーをクリック
2. インスペクターの「Particle System＞生存期間の色」にチェックを入れる
3. インスペクターの「Particle System＞生存期間の色＞色＞カラーバー」をクリック
4. Gradient Editorの右上マーカーをクリックし、「アルファ」を(0)とする
5. Gradient Editorの左下マーカーをクリックして「色＞カラーバー」をクリック、色の16進数を(FF8000)とする
6. Gradient Editorの右下マーカーをクリックして「色＞カラーバー」をクリック、色の16進数を(800000)とする
7. CTRLキーを押しながらSキーを押す

▷変化設定

時間に応じて変化するサイズを「放物線を描いて落下する形」に設定します。

1. インスペクターの「Particle System＞生存期間のサイズ」のタイトルバーをクリック
2. インスペクターの「Particle System＞生存期間のサイズ」にチェックを入れる
3. インスペクターの「Particle System＞生存期間のサイズ＞サイズ＞グラフバー」をクリック
4. インスペクター下の「パーティクルシステムカーブ」が見える範囲まで上側にドラッグ
5. パーティクルシステムカーブの左下にある歯車をクリック
6. パーティクルシステムカーブの「左上から右下へ落下する放物線」のグラフをクリック
7. CTRLキーを押しながらSキーを押す

▷エフェクト再生確認

シーンビューとゲームビューでエフェクト再生を確認します。

1. エディタ上中央の「▶」をクリック
2. 炎っぽいエフェクトが再生されることを確認
3. エディタ上中央の「▶」をクリック

●スクリプトでエフェクト再生

▷開始時に再生しない

ゲーム開始時にエフェクトを再生しないように設定します。

1. ヒエラルキーの「Particle System」をクリック
2. インスペクターの「Particle System＞メイン＞ゲーム開始時に再生」のチェックを外す
3. CTRLキーを押しながらSキーを押す

▷スクリプトからの再生

クリックした時にエフェクトを再生します。

1. プロジェクトの「Assets」を右クリックし、「作成＞C# スクリプト」をクリック
2. 「Effect」と入力し、ENTERキーを押す
3. プロジェクトの「Assets＞Effect」をヒエラルキーの「Particle System」にドラッグ＆ドロップ
4. CTRLキーを押しながらSキーを押す

▷スクリプト記述

プロジェクトの「Assets＞Effect」をダブルクリックし、スクリプトを以下のように記述します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Effect : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            GetComponent<ParticleSystem>().Play();
        }
    }
}

▷スクリプトからの再生確認

クリックした時にエフェクトが再生されることを確認します。

1. エディタ上中央の「▶」をクリック
2. エフェクトが再生されないことを確認
3. ゲーム画面をクリック
4. エフェクトが再生されることを確認

投稿 【基本機能】パーティクルシステム は だくまたゲーム制作ブログ に最初に表示されました。

■構成

Unityオーディオは「何を、どう鳴らし、どう加工して、どこで聞くか」で構成されています。

　　　　音　＝　オーディオクリップ　＝　何を
　　　音源　＝　オーディオソース　　＝　どう鳴らし
フェーダー　＝　オーディオミキサー　＝　どう加工して
　　　　耳　＝　オーディオリスナー　＝　どこで聞くか

●オーディオクリップ

音そのものです。
アセットのインポート設定を使い、モノラル／ステレオの設定や、圧縮方法、再生方法などを指定することができます。

アセットとして管理し、オーディオソースに割り当てて使います。

●オーディオソース

音源です。
ボリュームやピッチ、開始時に鳴らすか、ループするか、といった情報が設定できます。
ゲームオブジェクトの位置は3Dサウンドにした時の音の発生源として使われます。

コンポーネントとしてゲームオブジェクトに割り当てて使います。

●オーディオミキサー

音声加工行うフェーダーのようなものです。
音声に対してエコーやドップラー効果などの効果を追加できます。

オーディオミキサーはUnity上で作成し、アセットとして保存されます。
内容の編集は専用のビュー行います。

「グループ」という単位で音声を加工し、オーディオソースでグループを出力先に指定します。
ゲームオブジェクトに割り当てる必要はなく、出力先に指定するだけで動作します。

●オーディオリスナー

耳です。
オーディオリスナーが存在することで音声が聞こえてきます。
オーディオリスナーのオブジェクト位置が3Dサウンドの聞く位置として利用されます。

コンポーネントとしてゲームオブジェクトに割り当てて動作します。
デフォルトでカメラに割り当たっています。
どのゲームオブジェクトにも無いと聞こえませんので、無効にしたり、削除したりしないように注意してください。

■使い方

●とりあえず再生

以下の操作で１ループ再生してくれます。

1. 音声ファイルをプロジェクトにインポート
2. オーディオクリップをヒエラルキー（もしくはシーン）にドラッグ＆ドロップ

手動「２」は以下の操作を自動化しています。

• 空のゲームオブジェクトを作成
• ゲームオブジェクトにコンポーネント「オーディオソース」を追加
• オーディオソースの「オーディオクリップ」に再生対象のオーディオクリップを設定

●スクリプトで再生

スクリプトを活用することで、音を再生するタイミングを制御できます。

1. ゲームオブジェクト取得
2. オーディオソース取得
3. オーディオソースのPlay関数を呼び出す

■実践

●BGM再生

▷BGM取り込み

BGM用の音声ファイルをインポートします。

1. BGMとして利用する音声ファイルを準備
2. 音声ファイルをプロジェクトの「Assets」にドラッグ＆ドロップ

▷BGM再生

音声をループ再生します。

1. プロジェクトの「Assets>音声アセット」をヒエラルキーのシーン名にドラッグ＆ドロップ
2. インスペクターの「Audio Source＞ループ」をチェック

▷BGM確認

プレビューして音声がループ再生されることを確認します。

1. エディタ上中央の「▶」をクリック
2. 音声が繰り返し再生されることを確認
3. エディタ上中央の「▶」をクリック

●効果音再生

▷効果音取り込み

効果音用の音声ファイルをインポートします。

1. 効果音として利用する音声ファイルを準備
2. 音声ファイルをプロジェクトの「Assets」にドラッグ＆ドロップ

▷効果音配置

手動で再生する音声として配置します。

1. プロジェクトの「Assets>音声アセット」をヒエラルキーのシーン名にドラッグ＆ドロップ
2. インスペクターの「Audio Source＞ゲーム開始時に再生」のチェックを外す

▷効果音再生

クリックした時に音声を再生します。

1. プロジェクトの「Assets」を右クリックし、「作成＞C# スクリプト」をクリック
2. 「SoundEffect」と入力し、ENTERキーを押す
3. プロジェクトの「Assets＞SoundEffect」をヒエラルキーの「音声ゲームオブジェクト」にドラッグ＆ドロップ

▷スクリプト記述

プロジェクトの「Assets＞SoundEffect」をダブルクリックし、スクリプトを以下のように記述します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class SoundEffect : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            GetComponent<AudioSource>().Play();
        }
    }
}

▷効果音再生確認

プレビューして音声がループ再生されることを確認します。

1. エディタ上中央の「▶」をクリック
2. 音声が再生されないことを確認
3. ゲーム画面をクリック
4. 音声が１回再生されることを確認
5. エディタ上中央の「▶」をクリック

●音声加工

▷加工音声準備

音声ファイルをインポートし、クリック時に鳴らします。

1. 加工対象として利用する音声ファイルを準備
2. 音声ファイルをプロジェクトの「Assets」にドラッグ＆ドロップ
3. 「Audio」と入力し、ENTERを押す
4. プロジェクトの「Assets>音声アセット」をヒエラルキーのシーン名にドラッグ＆ドロップ
5. インスペクターの「Audio Source＞ゲーム開始時に再生」のチェックを外す
6. プロジェクトの「Assets」を右クリックし、「作成＞C# スクリプト」をクリック
7. 「Mixer」と入力し、ENTERキーを押す
8. プロジェクトの「Assets＞Mixer」をヒエラルキーの「Mixer」にドラッグ＆ドロップ

▷スクリプト記述

プロジェクトの「Assets＞Mixer」をダブルクリックし、スクリプトを以下のように記述します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Mixer : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            GetComponent<AudioSource>().Play();
        }
    }
}

▷オーディオミキサー準備

オーディオミキサーを作成し、オーディオミキサーのビューを開きます。

1. プロジェクトの「Assets」を右クリックし、「作成＞オーディオミキサー」をクリック
2. 「Mixer」と入力し、ENTERを押す
3. オーディオミキサーのアセットをダブルクリック

▷エコー設定

エコー用のグループを作成し、エコー設定を行います。

1. オーディオミキサーの左側、グループの右にある「＋」をクリック
2. 「Echo」と入力し、ENTERキーを押す
3. オーディオミキサーの右側、「Echo」の下にある「追加…」をクリックし、「Echo」をクリック
4. インスペクターの「Echo>Decay」を10%に変更

▷音声出力先設定

音声の出力先にグループを指定します。

1. ヒエラルキーの「Audio」をクリック
2. インスペクターの「Audio Source＞出力」の右にある○をクリックし、「NewAudioMixer＞Master＞Echo」をダブルクリック

▷エコー再生確認

プレビューして音声がエコー再生されることを確認します。

1. エディタ上中央の「▶」をクリック
2. ゲーム画面をクリック
3. 音声がエコー再生されることを確認
4. エディタ上中央の「▶」をクリック

投稿 【基本機能】オーディオ は だくまたゲーム制作ブログ に最初に表示されました。