13
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Life is Tech ! #1Advent Calendar 2020

Day 5

【Unity2D】Spriteをクリックして接触したオブジェクトを飛ばす

Last updated at Posted at 2020-12-05

#はじめに
この記事はLife is Tech!アドベントカレンダーの5日目の記事です!

今回の記事で紹介するのは、**Unityの2Dゲームを作る時に、ここをタップ/クリックしたらこういう動作がしたい!**っていうのを叶えてくれるやつです。主にUnity初心者の方向けです!
私が2Dゲームを初めて作った時に、今回の実装をググっても出てこなかったので、誰でも簡単にできる過程を書こうと思いました。

#完成イメージ
こんな感じです。
今回はわかりやすく、バネをタップしてPlayerを跳ねさせるということをしてみます。画像がバネではなく、トランポリンなのは気にしないでください笑
Videotogif (1).gif

####実装手順

  1. Playerがバネに接触したかどうかを調べる
  2. 接触してる時だけバネをクリックできるようにする
  3. バネをクリックしたらPlayerが跳ねる

の流れで説明します。

#準備
####①以下をすべてSpriteで用意しましょう。

  • Player
  • バネ
  • バネを置く床

適当に画像を引っ張ってきて画像を突っ込んでおくとわかりやすいです。(今回はアセットストアで探してきたものと、画像検索で引っかかったフリー画像を使いました。)

####②C#スクリプトを作っておきます。
バネにアタッチするSpringScript.csをつくってバネのゲームオブジェクトにアタッチしておきましょう。

####③コンポーネントを追加していきます
最初、高いところからPlayerを落としたいのでPlayerにRigidbody 2Dコンポーネントを追加します。
また当たり判定も取りたいので、すべてのゲームオブジェクトにそれぞれの形にあったCollider2Dをつけます。
この時に2DとついていないRigidbodyやColliderをつけないように気をつけてください!

image.png

プレビューしてPlayerがバネに当たる様子ができていれば準備完了です!
Videotogif (2).gif

#ここから必要な知識

今回の実装では以下の二つを組み合わせます。

  • Raycasthit2D
  • Layerの概念

###Raycasthit
Unityでは、ray(レイ)という光線のようなものを飛ばしてオブジェクトの情報を取得する機能があります。また2DにはRididbody2DやCollider2Dなどと同じようにRaycasthit2Dというものが用意されているので、コード時は間違えないように注意しましょう。
※オブジェクトにコライダーがないと取得できないので注意してください。
Rayについてわかりやすい記事は以下を参考にしてください。
【Unity】RayCastを使いこなせ!判定や表示に使ってみよう

###Layer
UnityにはLayer(レイヤー)というグループ分けができる機能があります。もう少し細かくいうと、特定のオブジェクトを無視できます。例えば、PlayerとEnemyがそれぞれ複数いた場合、Playerグループ(主人公とその仲間)とEnemyグループ(スライム・ドラキーetc.)のオブジェクトをlayerを指定することで分けてあげることができます。

似たようなものにtag(タグ)がありますが、tagはオブジェクトをまとめて処理したい時に向いています。layerは個数制限があるのに対してtagはいくつでも作れるので、実装方法によってはtagを使ってみてもいいと思います。

###AddForce
Rigidbodyコンポーネントを持っているオブジェクトに対して力を加えることができるメソッドです。AddForceについて詳しく知りたい方はこちらの記事がとても参考になるので見てみてください!

###どう組み合わせるのか
これら二つを、layerで分けたそれぞれのオブジェクト情報をrayを飛ばすことで取得することで利用します。
layerを分けずに指定すると、rayは表面のlayer情報(初期状態はDefault)しか取得してくれません。
Layer01.jpg
layerを分けることでそれぞれのオブジェクト情報をrayが取得してくれるようになります。
layer2.jpg

#作っていきます。
####①layerを作成

layerとrayの衝突は複数あるのですが、今回は任意のlayerと衝突させたいのでLayermaskを使用します。

layerとrayの衝突するオブジェクトの制限について ・ビット演算のシフト演算を使用して作成 ・レイヤー名の配列からマスクを取得する ・Insoectorから作成して任意のオブジェクトで選択する ・定数クラスでレイヤーマスクを指定  [RayCastその2、衝突するオブジェクトの制限【Unity】](https://kan-kikuchi.hatenablog.com/entry/RayCast2)

まずUnity上で右上のlayerを開き、springというlayerを用意し、バネのゲームオブジェクトにそのレイヤーを指定してください。

image.png

####②rayをオブジェクトに飛ばして情報を取得する

SpringScript

 public Rigidbody2D rb; //PlayerのRigidbody
 public LayerMask layerMask;//レイヤーマスク作成

 bool isBounce = false; //バネで跳ねられるか

マウスを左クリックしたらrayを飛ばします。

SpringScript

  void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            //Rayをマウスの位置から飛ばす
            Ray ray = Camera.main.ScreenPointToRay(Input.mousePosition);
            float maxDistance = 10; //Rayの長さ
            RaycastHit2D hit2D = Physics2D.Raycast((Vector2)ray.origin, (Vector2)ray.direction, maxDistance, layerMask);

            //rayが衝突したObjのcolliderを取得
             if (hit2D.collider)
            {
                Debug.Log(hit2D.collider.gameObject);
            }
        }
    }

スクリプトが書けたら、Unity上で、バネについているSpringScript.csのコンポーネントを参照します。
PlayerのRigidbodyをアタッチし、layerMaskからspringを選びます。
image.png

####③Playerとの接触を調べる
Playerと接触しているかどうかを調べたいので、PlayerにPlayerタグをつけます。
何回も跳ねてしまっては困るのでboolで接触可能かどうかを判定します。

SpringScript
      //Playerと接触しているか
    private void OnCollisionEnter2D(Collision2D collision)
    {
        if (collision.gameObject.tag == "Player")
        {
            isBounce = true; //接触可能に
        }
    }

####④Playerを跳ねさせるメソッドを書く

SpringScript
      if(isBounce == true)
        {
            //加える力の大きさ
            Vector2 force = new Vector2(0.5f, 10f);
            rb.AddForce(force, ForceMode2D.Impulse);
            //接触していない時は跳ねないように
            isBounce = false;
        }

#完成
こちらがすべてのコードになります!

SpringScript
 public Rigidbody2D rb; //PlayerのRigidbody
 public LayerMask layerMask;//レイヤーマスク作成

 bool isBounce = false; //バネで跳ねられるか

public class SpringScript : MonoBehaviour{
  void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            //Rayをマウスの位置から飛ばす
            Ray ray = Camera.main.ScreenPointToRay(Input.mousePosition);
            float maxDistance = 10; //Rayの長さ
            RaycastHit2D hit2D = Physics2D.Raycast((Vector2)ray.origin, (Vector2)ray.direction, maxDistance, layerMask);

            //rayが衝突したObjのcolliderを取得
             if (hit2D.collider)
            {
                Debug.Log(hit2D.collider.gameObject);
                AddForce();
            }
        }
    }

      //Playerと接触しているか
    private void OnCollisionEnter2D(Collision2D collision)
    {
        if (collision.gameObject.tag == "Player")
        {
            isBounce = true; //接触可能に
        }
    }

    void AddForce()
   {
      if(isBounce == true)
        {
            //加える力の大きさ
            Vector2 force = new Vector2(0.5f, 10f);
            rb.AddForce(force, ForceMode2D.Impulse);
            //接触していない時は跳ねないように
            isBounce = false;
        }
    }
}

#最後に
Unityを初めたてでまだ右も左も分からなくても、なんとか手を動かして少しずつ実装できることを増やせるといいなと思います!この記事が何かのお役に立てるとそれより嬉しいことはないです!
私もまだまだ勉強中ですので、ぜひUnityのいろんな機能を触ってみてくれると嬉しいです!✨
今後のLife is Tech!のアドベントカレンダーもお楽しみに!

#参考記事
今回の記事を書くにあたって、参考にさせていただいた記事を添付しておくのでぜひ一緒に見てみてください!

RaycastとLayerについて

ビット演算について
(コンピューターの処理の話になってきます。)

#更新内容
2020/12/08

  • 必要な知識にAddForceメソッドを書き加えました。
  • LayerとRayの関係性についてイメージ図を用意しました。
13
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?