![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
今回はレイキャスターを使った
オブジェクトクリックでシーン移動について勉強するッピ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_謎.png)
レイキャスター?
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
まだ習ったことないわ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
レイキャスターは、
Unityのカメラに写ったものから当たり判定を受け取るシステムをッピ!
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity15.jpg)
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity00.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
これからこのオブジェクトクリックでシーン移動を一緒に勉強して行くッピよ~
レイキャスターでオブジェクトクリックについて学ぼう
必要なもの
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まずは必要なものを用意するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2021/09/unity.png)
- Unity
- Windows または Mac のパソコン
が必要ッピよ~!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
まだ Unity をダウンロードしてない人は
↓ の記事を参考に必要なものをインストールするといいッピ!
移動前シーン・移動先のシーンを確保
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
移動先のシーンと移動前のシーンはあるッピか?
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity.jpg)
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity1.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_謎.png)
あれ、シーンどうやってつくるんだっけ?
オレまだ用意できてないぞ
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_困2.png)
わたしもだわ・・・
どうやって用意すればいいのかしら?
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity2.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
シーンの作成は
Assets→右クリック→作成→シーンで
つくることができるッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
用意できたッピか?
次はシーンの登録をしていくッピよ~
シーンの登録
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity3.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
シーンの登録は
ファイル→ビルド設定→移動先のシーンをビルドに含まれるシーン
へドラッグ&ドロップしてつくるッピ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_謎.png)
あれ、でも
どうしてシーンを登録するのかしら?
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
それは、このシーンを使いますよ!
とゲームプログラムにお知らせしないとシーン移動が使えないからッピ~
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_無.png)
へー!そうだったのか
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_.png)
よくわかったわ!
イベント検知システムを設定する
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity4.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次はイベント検知システムをつくっていくッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
ヒエラルキー→右クリック→UI→イベントシステム(スクリプト)
で第一のシステム設定ができるッピ!
レイキャスターを設定
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
第二のイベント検知システムをつくっていくッピ♪
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity5.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
メインカメラをクリックして
インスペクター→コンポーネントを追加→Event→Physics 2D Raycaster
を選択するッピよ~
当たり判定を追加する
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次は当たり判定をつくって行くッピよ~
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity6.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
クリックするオブジェクトを選択して、
インスペクター→コンポーネントを追加→Physics 2D→Circle Collider 2D
をえらぶッピ!
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity7.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
緑の枠の当たり判定ができたッピ!
インスペクターの【コライダー編集】で形を整えていくッピよ~
クリックプログラムの作成
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity8.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
クリックプログラムをつくっていくッピ!
コンポーネントを追加→NewScript→[click]と名前をつけて保存
するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity9.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
Assetsの場所に【Click】プログラムがつくられているッピ!
ダブルクリックをして、スクリプトを編集するッピよ~
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
↓の文をコピーして
using UnityEngine;
using UnityEngine.SceneManagement;
public class click : MonoBehaviour
{
public void change_scene()
{
SceneManager.LoadScene("after");
}
}
と入力→実行するッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
ちなみに
using UnityEngine;
using UnityEngine.SceneManagement;
public class click : MonoBehaviour
{
public void change_scene()
{
SceneManager.LoadScene(“after“);
}
}
という意味になるッピよ~
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_驚き_強.png)
こういうことだったのか
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_笑顔.png)
勉強になったわ
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity10.jpg)
using UnityEngine;
using UnityEngine.SceneManagement;
public class click : MonoBehaviour
{
public void change_scene()
{
SceneManager.LoadScene("after");
}
}
イベントトリガーの作成
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次はイベントトリガーを作成するッピ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/05/アイカちゃん_謎.png)
イベントトリガー?
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_無.png)
なんだよそれ
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
イベントトリガーは、
オブジェクトにボタン機能のようなクリックイベントを組み込めるシステムッピ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
これからこのイベントトリガーを作っていくッピ!
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity11.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
クリックするオブジェクトを選択して
コンポーネントを追加→Event→Event Trigger
を設定するッピ!
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity12.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
インスペクターの
新しいイベントタイプ→Pointer Click→「+」ボタン
を選択するッピ!
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑.png)
オッケー
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity13.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
【なし(オブジェクト)】へ
クリックするオブジェクトをドラッグ&ドロップするッピ!
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔3.png)
できたわ!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
いい感じッピ♪
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity14.jpg)
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
次は
【No Function】→click→change_scene()
で、実行スクリプトを選択するッピよ~
テストプレイ
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
テストプレイッピ~~!
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity15-1.jpg)
![](https://janken.asotetu.work/wp-content/uploads/2022/12/2022-12-15_Unity16-1.jpg)
![ユウキ](https://janken.asotetu.work/wp-content/uploads/2021/05/ユウキくん_笑強.png)
できた~~~
![アイカ](https://janken.asotetu.work/wp-content/uploads/2021/08/アイカちゃん_笑顔4.png)
やったねっ!
学習のまとめ
using UnityEngine;
using UnityEngine.SceneManagement;
public class click : MonoBehaviour
{
public void change_scene()
{
SceneManager.LoadScene("after");
}
}
- 【2D版】
- シーンの作成
- オブジェクト素材のインポート
- シーンのビルド登録
- レイキャスターの設定
- イベントシステムの設定
- 当たり判定の設定
- スプリクトの作成
- |イベントトリガーの設定
- テストプレイ
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
上手くできたッピか?
これからも色んなゲーム作りやプログラムの解説をしていくッピ!
次回も楽しみにしているッピよ~~!
![うさタブ](https://janken.asotetu.work/wp-content/uploads/2021/05/うさタブ4.png)
UnityはC#を元に作られているッピ!
まだまだ Unity や C#について勉強したい人は↓の記事を参考にするッピ♪