Unity入門講座｜マウスクリックでシーン移動について学ぼう

うさタブ

今回はUnityのマウスクリックでシーン移動について勉強するッピ！

うさタブ

マウスを押すとシーン移動する仕組みをつくるッピ！

ユウキ

マウスクリックとシーン移動？

アイカ

まだ習ったことないわ！

うさタブ

ずばり、マウスをポチッとすると、

画面を切り替える方法だッピ！

うさタブ

シーン移動はUnityの基礎の基礎ッピ！
絶対覚えておくと良いッピ！

うさタブ

これからこのボタンの配置とシーン移動を一緒に勉強して行くッピよ～

マウスクリックとシーン移動について学ぼう
Unityのマウス入力について

マウスクリックとシーン移動について学ぼう

必要なもの

うさタブ

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

Unity
Windows または Mac のパソコン

が必要ッピよ～！

うさタブ

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

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

ボタンをつくる

うさタブ

まずはゲーム作成画面をつくってみるッピ！

Unity-Hubを立ち上げて、

2Dまたは３Dでプロジェクトをつくるッピよ～

ユウキ

できた！

うさタブ

いい感じッピ！

次はさっそくシーンをつくっていくッピ！

シーンフォルダがあるのを確認しよう

うさタブ

まずはAssetsの中にある

シーンファイルをクリックするッピ！

うさタブ

次は新しい画面シーンをつくるッピ～

まず

Asset→Scene

をクリックするッピ！

うさタブ

この【Scene】のなかに、

『SampleScene』があるのを確認するッピよ～

アイカ

あったわ！

新しい画面シーンをつくる

あたらしいシーンを用意しよう

うさタブ

次は

シーンフォルダで右クリック→[作成]→[シーン]

でシーンを作成するッピ！

ユウキ

お！　なんかでた

うさタブ

いい感じッピ！

[after]

とわかりやすいように名前をつけてみるッピ！

名前を変えてみよう

うさタブ

サンプルシーンの名前も変えてみるッピ！

[sampleScene]をダブルクリック
または右クリック→名前を変更を選択するッピ！

うさタブ

わかりやすいように

[before]と名前をつけるッピ♪

ユウキ

アフターの反対だな！

アイカ

なんだかふしぎなウィンドウが出てきたわ！

うさタブ

これはそのまま

【再ロード】を選択すればオッケーッピ！

ユウキ

りょーかい！

[before]シーンの背景を変更する

うさタブ

[before]シーンを切り替えたとき
わかりやすくなるよう「背景色」を変更するッピ！

インスペクター→【camera】→【背景】→スポイト

を選択するッピよ～♪

うさタブ

好きな色を選んで、

メインカメラの色が変わっていればオッケーッピ！

シーンを切り替える

切り替えプログラムをつくる

うさタブ

シーンの切り替えプログラムをつくるッピ～！

うさタブ

まずは、

Assetのシーン部分で
[右クリック]→[作成]→[C#スクリプト]

を選択するッピ！

アイカ

できたわ！

うさタブ

よくできてるッピ！

このスクリプト（プログラムの素）に
[changeShean]と名付けるッピ！

プログラムを編集する

うさタブ

そのまま

[changeScene]をダブルクリックして

新たにプログラムを書き込むッピよ！

うさタブ

Visual Studio Code などのコード編集プログラムを起動するッピ！

ユウキ

なんかプログラムが出てきたぞ！

うさタブ

いい感じッピ！

うさタブ

プログラムをよく見てみると

using xxxxx

という文字があることがわかるッピ！

うさタブ

ここは

名前空間

といって、

C#やUnityのどんな機能を使うか登録する場所

なんだッピヨ～！

うさタブ

C#プログラムはこんな風につくられているんだッピ！

アイカ

そうなのね！

ユウキ

前にやったな！

復習しとこう

C#入門講座｜C#をはじめよう

｜Visual Studio codeのダウンロード｜NET Coreのインストール｜Hello Worldと文字を表示する｜キャラの会話で楽しく学べる

うさタブ

準備できたッピか？

それじゃあさっそくプログラムを書いていくッピ！

うさタブ

using UnityEngine;

の下に、

↓の文をコピーして

using UnityEngine.SceneManagement;

と入力するッピ！

うさタブ

これを設定すると

using使います UnityEngineunityエンジンの.SceneシーンManagement管理プログラムを;

という意味になるんだッピ♪

ここまでのコード

入力したコード ＞

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

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

    // Update is called once per frame
    void Update()
    {
        
    }
}

うさタブ

入力できたら、

    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        
    }

の部分を思い切って削除するッピ♪

ユウキ

ええ！　消しちゃっていいのか？！

うさタブ

そのほうが説明しやすくなるッピよ～♪

うさタブ

さらに削って、

1~2行目もカットするッピよ～♪

ここまでのコード

入力したコード ＞

using UnityEngine;
using UnityEngine.SceneManagement;

public class changeScene : MonoBehaviour
{

}

アイカ

ずいぶんスッキリしたわ・・・！

これ動くのかしら？

うさタブ

問題ないッピ！

うさタブを信じて進むッピネ～

ユウキ

頼んだぞ、うさタブ！

シーン変更プログラムを入力する

うさタブ

次は、この

public class の中に

    void Update()
    {
        // クリックされたら実行するプログラムです
        if (Input.GetMouseButton(0))
        {
                SceneManager.LoadScene("after");
        }
    }

と入力するッピネ！

うさタブ

この部分が、シーン変更プログラムになるッピ！

うさタブ

これは、

void 引数なしプログラムUpdate()　リアルタイム更新します
{
// クリックされたら実行するプログラムです
ifもしも (Input入力があったら.GetMouseButton　マウスが押されたらプログラム実行(0　左ボタンを　))
{
SceneManagerシーン切り替え.LoadSceneプログラムを実行(“after”afterを呼び出し);
}
}

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

アイカ

プログラムの分かれ道
if関数は、前のレッスンでやったね！

C#入門講座｜プログラムの分かれ道ついて学ぼう

｜if文（プログラムの分かれ道）｜else文（条件外の設定）｜条件と一致するときの設定｜条件と一致しないときの設定｜複数の条件のときの設定｜設定した数字よりも大きいときに処理するプログラム｜設定した数字よりも小さいときに処理するプログラム｜キャラの会話で楽しく学べる

ここまでのコード

入力したコード ＞

using UnityEngine;
using UnityEngine.SceneManagement;

public class changeScene : MonoBehaviour
{
    void Update()
    {
        // クリックされたら実行するプログラムです
        if (Input.GetMouseButton(0))
        {
                SceneManager.LoadScene("after");
        }
    }
}

ユウキ

こんな感じかな

アイカ

バッチリね！

うさタブ

最高ッピ！

あとはこれをファイルで保存するッピよ～

ゲームオブジェクトを作成する

うさタブ

シーンを切り替えるために、
空っぽのゲームオブジェクトをつくるッピ！

アイカ

ゲームオブジェクト？

ユウキ

なんだよそれ？

うさタブ

ゲームオブジェクトは、
ゲームの中に登場するイラストやキューブ・３Dポリゴン・選択ボタンといったものッピ～！

うさタブ

今回は空っぽのゲームオブジェクトをつくって、それを土台にマウスで切り替えるプログラムを仕込むッピよ～！

うさタブ

左のヒエラルキーの枠のなかで右クリック（または[＋]ボタン）を押して、

空のオブジェクトを選択

を選択するッピよ～

ユウキ

オッケー！

プログラムをオブジェクトに仕込む

うさタブ

それじゃあ

作ったプログラムをオブジェクトに仕込んでいくっピ！

うさタブ

Unity画面に戻って、

[changeScene]をGame Objectへ
ドラッグ＆ドロップする

ッピ！

アイカ

ドラッグ＆ドロップってなんだったかしら？

ユウキ

ファイルをマウスで押しっぱなしにして、

選択したファイルをマウスごと移動することだよ

アイカちゃん！

アイカ

そうだったわ！

ありがとうユウキくんっ

アイカ

右のインスペクターのほうに

何かでたわ！

うさタブ

プログラムが仕込まれた証拠ッピ！

あともう少しッピ～

次はシーンをビルドに設定

するッピよ～

シーンをプロジェクトに登録する

うさタブ

追加したシーンは
そのままじゃ切り替えられないッピ！

必ずプロジェクトにシーン登録する作業が必要になるッピよ～

うさタブ

[ファイル]→[ビルド設定]

を選択するッピ～

うさタブ

作成した[after]シーンを

枠の中にドラッグ＆ドロップするッピ！

うさタブ

こんな風に

[after]シーンが追加されたらオッケーだっピ！

動作確認

うさタブ

最後は動作確認ッピ～！
ゲームの上にある[▶]ボタンを押してゲームを開始するッピ！

ユウキ

できた～！

アイカ

やったねユウキくんっ

Unityのマウス入力について

うさタブ

Unityのマウス入力には、

Inputメッソドを使うッピ！

プログラムメッソド	発動条件
Input.GetMouseButton	ボタンが押されていたら発動
Input.GetMouseButtonDown	ボタンが押された瞬間に発動
Input.GetMouseButtonUp	押されたボタンが開放されたときに発動

ユウキ

インプットメッソド～？

って何だ？

うさタブ

インプットメッソドというのは、

マウスやキーボードなど、外部から入力があったときに

発動するプログラムをつくるときに使うものッピ！

アイカ

そうなのね！

うさタブ

そしてマウスのInputメッソドは

Input.GetMouseButton

をつかうことが多いッピね～

ユウキ

なあ、うさタブ

using UnityEngine;
using UnityEngine.SceneManagement;

public class changeScene : MonoBehaviour
{
    void Update()
    {
        // クリックされたら実行するプログラムです
        if (Input.GetMouseButton(0))
        {
                SceneManager.LoadScene("after");
        }
    }
}

ユウキ

じゃあこの、

Input.GetMouseButton(0)

の（0）ってなんだ？？

ユウキ

なんで(0)なのか、理解できないんだけど・・・

うさタブ

それはズバリ

引数ッピね～！

ユウキ

引数～？？

アイカ

引数ってなんだったかしら・・・？

わたしまだ覚えてなくて

うさタブ

引数というのは、
プログラムが予め仕組んだ、分かれ道の条件のことだっピ！

うさタブ

if～～●●分かれ道の条件
{ プログラムの命令文 }

みたいなとき、
実際にその分かれ道の条件が満たされるもの変数を
仕込むことができるのが引数なんだッピ！

アイカ

ど、どういうことかしら・・・？

ユウキ

むずかしくてワカンネーって

うさタブ！

うさタブ

つまり今回みたいな

(0)なら、マウスの左クリック
マウスの左を押したら発動するプログラム

というのを組むことができるんだッピ！

引数	対応するマウスの場所
(0)	マウスの左ボタン
(1)	マウスの右ボタン
(2)	マウスのホイール

ユウキ

わかった！

0が左クリック、1が右クリックみたいな感じになるのか！

うさタブ

その通りッピ！

つまりさっきのコードも、0から１に変えると、

枝分かれの条件が右クリックを押したら～に変わってしまうんだッピよ～

using UnityEngine;
using UnityEngine.SceneManagement;

public class changeScene : MonoBehaviour
{
    void Update()
    {
        // 右クリックされたら実行するプログラムです
        if (Input.GetMouseButton(1))
        {
                SceneManager.LoadScene("after");
        }
    }
}

ユウキ

なるほどなー

アイカ

勉強になったわっ！

学習のまとめ