Unity入門講座|オブジェクトクリックでシーン移動について学ぼう

Unity
うさタブ
うさタブ

今回はレイキャスターを使った
オブジェクトクリックでシーン移動について勉強するッピ!

ユウキ
ユウキ

レイキャスター?

アイカ
アイカ

まだ習ったことないわ!

うさタブ
うさタブ

レイキャスターは、
Unityのカメラに写ったものから当たり判定を受け取るシステムをッピ!

うさタブ
うさタブ

これからこのオブジェクトクリックでシーン移動を一緒に勉強して行くッピよ~

レイキャスターでオブジェクトクリックについて学ぼう

必要なもの

うさタブ
うさタブ

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

  • Unity
  • Windows または Mac のパソコン

が必要ッピよ~!

うさタブ
うさタブ

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

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

移動前シーン・移動先のシーンを確保

うさタブ
うさタブ

移動先のシーンと移動前のシーンはあるッピか?

ユウキ
ユウキ

あれ、シーンどうやってつくるんだっけ?
オレまだ用意できてないぞ

アイカ
アイカ

わたしもだわ・・・

どうやって用意すればいいのかしら?

うさタブ
うさタブ

シーンの作成は

Assets→右クリック→作成→シーン

つくることができるッピ!

うさタブ
うさタブ

用意できたッピか?
次はシーンの登録をしていくッピよ~

シーンの登録

うさタブ
うさタブ

シーンの登録は

ファイル→ビルド設定→移動先のシーンをビルドに含まれるシーン

へドラッグ&ドロップしてつくるッピ!

アイカ
アイカ

あれ、でも
どうしてシーンを登録するのかしら?

うさタブ
うさタブ

それは、このシーンを使いますよ!
とゲームプログラムにお知らせしないとシーン移動が使えないからッピ~

ユウキ
ユウキ

へー!そうだったのか

アイカ
アイカ

よくわかったわ!

イベント検知システムを設定する

うさタブ
うさタブ

次はイベント検知システムをつくっていくッピ!

うさタブ
うさタブ

ヒエラルキー→UI→イベントシステム(スクリプト)

で第一のシステム設定ができるッピ!

レイキャスターを設定

うさタブ
うさタブ

第二のイベント検知システムをつくっていくッピ♪

うさタブ
うさタブ

メインカメラをクリックして

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

を選択するッピよ~

当たり判定を追加する

うさタブ
うさタブ

次は当たり判定をつくって行くッピよ~

うさタブ
うさタブ

クリックするオブジェクトを選択して、

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

をえらぶッピ!

うさタブ
うさタブ

緑の枠の当たり判定ができたッピ!

インスペクターの【コライダー編集】で形を整えていくッピよ~

クリックプログラムの作成

うさタブ
うさタブ

クリックプログラムをつくっていくッピ!

コンポーネントを追加→NewScript→[click]と名前をつけて保存

するッピ!

うさタブ
うさタブ

Assetsの場所に【Click】プログラムがつくられているッピ!

ダブルクリックをして、スクリプトを編集するッピよ~

うさタブ
うさタブ

↓の文をコピーして

using UnityEngine;
using UnityEngine.SceneManagement;

public class click : MonoBehaviour
{
    public void change_scene()
    {
      SceneManager.LoadScene("after");
    }
}

と入力→実行するッピ!

うさタブ
うさタブ

ちなみに

using使います UnityEngineユニティの機能を;
using使います UnityEngine.ユニティの機能のSceneManagement中のシーンを切り替える機能を;

public class呼び出し可能クラス click名前はクリック : MonoBehaviourユニティ専用クラスです
{
public void 呼び出し可能 関数change_scene 名前はチェンジシーン()
{
SceneManager.シーンマネージャー機能を使用LoadScene 次のシーンを呼び出して(after名前はアフター);
}
}

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

ユウキ
ユウキ

こういうことだったのか

アイカ
アイカ

勉強になったわ

using UnityEngine;
using UnityEngine.SceneManagement;

public class click : MonoBehaviour
{
    public void change_scene()
    {
      SceneManager.LoadScene("after");
    }
}

イベントトリガーの作成

うさタブ
うさタブ

次はイベントトリガーを作成するッピ!

アイカ
アイカ

イベントトリガー?

ユウキ
ユウキ

なんだよそれ

うさタブ
うさタブ

イベントトリガーは、
オブジェクトにボタン機能のようなクリックイベントを組み込めるシステムッピ!

うさタブ
うさタブ

これからこのイベントトリガーを作っていくッピ!

うさタブ
うさタブ

クリックするオブジェクトを選択して

コンポーネントを追加→Event→Event Trigger

を設定するッピ!

うさタブ
うさタブ

インスペクターの

新しいイベントタイプ→Pointer Click→「」ボタン

を選択するッピ!

ユウキ
ユウキ

オッケー

うさタブ
うさタブ

【なし(オブジェクト)】
クリックするオブジェクトをドラッグ&ドロップするッピ!

アイカ
アイカ

できたわ!

うさタブ
うさタブ

いい感じッピ♪

うさタブ
うさタブ

次は

No Function】→click→change_scene()

で、実行スクリプトを選択するッピよ~

テストプレイ

うさタブ
うさタブ

テストプレイッピ~~!

ユウキ
ユウキ

できた~~~

アイカ
アイカ

やったねっ!

学習のまとめ

using UnityEngine;
using UnityEngine.SceneManagement;

public class click : MonoBehaviour
{
    public void change_scene()
    {
      SceneManager.LoadScene("after");
    }
}
学習のまとめ
  1. 【2D版】
  2. シーンの作成
  3. オブジェクト素材のインポート
  4. シーンのビルド登録
  5. レイキャスターの設定
  6. イベントシステムの設定
  7. 当たり判定の設定
  8. スプリクトの作成
  9. |イベントトリガーの設定
  10. テストプレイ

うさタブ
うさタブ

上手くできたッピか?

これからも色んなゲーム作りやプログラムの解説をしていくッピ!

次回も楽しみにしているッピよ~~!

うさタブ
うさタブ

UnityはC#を元に作られているッピ!
まだまだ Unity や C#について勉強したい人は↓の記事を参考にするッピ♪

スポンサーリンク
スポンサーリンク
スポンサーリンク

どうしてもわからない、そんなときは?

ユウキ
ユウキ

うーん・・・

やっぱり、どうしてこーなるか良くワカンナイな~

説明を聞いたすぐはわかったつもりなんだけどさ

アイカ
アイカ

そうね・・・わたしも

すぐに復習できる環境じゃないから

宿題とか困っちゃうわ・・・

ユウキ
ユウキ

他に気軽に教えてくれる先生とかいるといいんだけどな~

うさタブ
うさタブ

フムフム!

そんなときは、プログラミング講座がオススメッピね~

アイカ
アイカ

そんなのあるのか?

ていうかドコいけばいいんだよ

うさタブ
うさタブ

それなら、やっぱり一番安心自宅でできる動画教材がよいッピ!

うさタブ
うさタブ
テレビCMでも話題の有名教材
Udemyとかどうッピか?

 

うさタブ
うさタブ
Udemyは、HTMLからJavaScript
人気の機械学習からUnityゲーム講座まで選び放題ッピ!

うさタブ
うさタブ

買い切り講座だから
いつでも勉強し放題、動画制作や難しいマーケティングなんかも勉強できるッピ~!

ユウキ
ユウキ

へえ~、こんなのがあるのか

うさタブ
うさタブ

ちびっこのみんなは、キュレオプログラミング教室がオススメッピ!

実際の教室で自分以外の同い年と一緒に勉強することで、自分も負けないゾ!と思えておサボりを防ぐことができるッピ!
さらに、クラスのみんなと差をつけてすごいプログラムが作れちゃうッピ

教室名 対象 学習言語 教室場所 無料体験・カウンセリング
Udemy 学生~社会人 Unity
HTML/CSS
JavaScript
MySQL
Python等
オンライン講座
コース買い切り
講座によってサンプル○
Unityゲーム講座アリ
 

「QUREOプログラミング教室」

小学2年生〜中学3年生 Scratch 全国各地
2500教室
無料体験◯
【LITALICOワンダー】 小学1年生〜高校生 Scratch
Unity C#
HTML / CSS
JavaScript
東京都,神奈川,埼玉県,千葉
オンライン
無料体験◯
3Dプリントなどの講座によっては別途料金

ユウキ
ユウキ

よーし、ちょっと体験だけでもやってみるか!

アイカ
アイカ

わたしもさっそくチェックしてみようかな♪

スポンサーリンク

どうしてもわからない、そんなときは?

ユウキ
ユウキ

うーん・・・

やっぱり、どうしてこーなるか良くワカンナイな~

説明を聞いたすぐはわかったつもりなんだけどさ

アイカ
アイカ

そうね・・・わたしも

すぐに復習できる環境じゃないから

宿題とか困っちゃうわ・・・

ユウキ
ユウキ

他に気軽に教えてくれる先生とかいるといいんだけどな~

うさタブ
うさタブ

フムフム!

そんなときは、プログラミング講座がオススメッピね~

アイカ
アイカ

そんなのあるのか?

ていうかドコいけばいいんだよ

うさタブ
うさタブ

それなら、やっぱり一番安心自宅でできる動画教材がよいッピ!

うさタブ
うさタブ
テレビCMでも話題の有名教材
Udemyとかどうッピか?

うさタブ
うさタブ
Udemyは、HTMLからJavaScript
人気の機械学習からUnityゲーム講座まで選び放題ッピ!

うさタブ
うさタブ

買い切り講座だから
いつでも勉強し放題、動画制作や難しいマーケティングなんかも勉強できるッピ~!

ユウキ
ユウキ

へえ~、こんなのがあるのか

うさタブ
うさタブ

ちびっこのみんな、キュレオプログラミング教室を受けて
自分以外の同い年と一緒に勉強することで、自分も負けないゾ!と思えて
おサボりを防ぐことができるッピ!
さらに、クラスのみんなと差をつけてすごいプログラムが作れちゃうッピ

先生やパパママにほめられて、学習効率が最高にグングン↑↑ッピよ~~♪

うさタブ
うさタブ

未来都市キュレオを舞台に、魅力的なキャラクターがたくさん登場する・ゲーム感覚で楽しく学べるプログラミング教室ッピ!

困ったことも先生に直接聞けるのが最高ッピ~!

うさタブ
うさタブ

全国2500教室もあるから、

きっとみんなの近くにも教室があるッピ。

公式サイト近くに教室があるかチェックしてみるとよいッピ!

ユウキ
ユウキ

なんだこれ! スゲーなっ

ゲームみたいにやってるうちに、自然と勉強できてるみたいな感じ?

アイカ
アイカ

そんなものがあるのねっ!

うさタブ
うさタブ

ロボットをプログラミングしてみるなら

LITALICOワンダーがオススメッピ!

JavaScriptも勉強できるッピよ~!

教室名 対象 学習言語 無料体験/教室場所
Udemy 学生~社会人 Unity
HTML/CSS
JavaScript
MySQL
Python等
オンライン講座
講座によってサンプル○
「QUREOプログラミング教室」
小学2年生〜中学3年生 Scratch 教室によって無料体験◯
全国各地の教室
【LITALICOワンダー】 小学1年生〜高校生 Scratch
Unity C#
HTML / CSS
JavaScript
無料体験◯
3Dプリントなどの講座によっては別途料金
東京周辺
オンライン

ユウキ
ユウキ

よーし、ちょっと体験だけでもやってみるか!

アイカ
アイカ

わたしもさっそくチェックしてみようかな♪

Unityプログラミング動画付き
学んで遊んでジャンケンポン!
タイトルとURLをコピーしました