Unity入門講座｜ボタンを押したらシーン移動について学ぼう

うさタブ

今回はUnityのボタンの配置とシーン移動について勉強するッピ！

うさタブ

ボタンを押すとシーン移動する仕組みをつくるッピ！

ユウキ

ボタンの配置とシーン移動？

アイカ

まだ習ったことないわ！

うさタブ

ずばり、ボタンをポチッとすると、

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

うさタブ

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

うさタブ

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

ボタンの配置とシーン移動について学ぼう

ボタンの配置とシーン移動について学ぼう

必要なもの

うさタブ

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

Unity
Windows または Mac のパソコン

が必要ッピよ～！

うさタブ

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

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

ボタンをつくる

うさタブ

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

Unity-Hubを立ち上げて、

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

ユウキ

できた！

うさタブ

いい感じッピ！

次はさっそくボタンをつくっていくッピ！

うさタブ

ヒエラルキー下【＋】（または右クリック）→ ゲームオブジェクト→UI→ボタン

を選択するッピよ～

うさタブ

ヒエラルキーにある
[Button]をダブルクリックすると、

ボタンに焦点が当てられるッピ！

アイカ

これでいいかしら？

ユウキ

ちゃんとできてるぜアイカちゃん！

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

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

うさタブ

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

まず

Asset→Scene

をクリックするッピ！

うさタブ

この【Scene】のなかに、

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

アイカ

あったわ！

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

うさタブ

次は

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

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

ユウキ

お！　なんかでた

うさタブ

いい感じッピ！

[after]

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

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

うさタブ

シーンはそのままじゃ使えないッピ！

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

うさタブ

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

を選択するッピ～

うさタブ

作成した[after]シーンを

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

アイカ

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

ユウキ

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

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

アイカちゃん！

アイカ

そうだったわ！

ありがとうユウキくんっ

うさタブ

こんな風に

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

シーンを切り替える

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

うさタブ

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

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

を選択するッピ！

アイカ

できたわ！

うさタブ

よくできてるッピ！

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

プログラムを編集する

うさタブ

そのまま

[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()
    {
        
    }

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

ユウキ

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

うさタブ

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

ここまでのコード

入力したコード ＞

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

public class changeScene : MonoBehaviour
{

}

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

うさタブ

次は、この

public class の中に

       public void change_button()
    {
        SceneManager.LoadScene("after");
    }

と入力するッピネ！

うさタブ

これは、

public class呼び出せるクラスです changeScene名前はchengeScene : MonoBehaviourUnityの親クラスです
{
public呼び出せるvoid引数なしプログラム　 change_button() 名前はchange_buttonです
{
SceneManager.シーン・マネージャーのLoadScene読み込みプログラムで(“after“afterを呼びます);
}
}