- 追加された行はこの色です。
- 削除された行はこの色です。
#contents
*はじめに [#caf03486]
&size(18){[[ステージを作る]]};の続きです。
#br
これまでで羊をキー入力で操作できるようにして、ステージまで制作しました。
しかし今のままでは、ひつじの動きとステージがあっていませんね。
そのでこのページでは、ゲームに合わせたひつじの動きの完成版を作りましょう。
#br
*本格的にひつじを動かそう [#pb64733a]
#br
現段階ではひつじはA,Dキーの入力で左右に動かせるだけです。
しかしこれでは、ゲームになりません。
あと必要そうな機能は、
１．重力の力を受ける
２．キー入力に合わせてひつじの向きを変える
３．キー入力でジャンプする
４．ひつじにカメラ・背景が追従する
があります。
では、1つずつ実装していきましょう。
#br
**ひつじに重力を与える [#u3672806]
#br
これは一度[[プロジェクトの作成]]でやりましたね。
ひつじのオブジェクトにインスペクターから「RigidBody2D」のコンポーネントを追加します。
追加の方法は覚えているでしょうか。
インスペクターの一番下にある「AddComponrnt」から「RigidBody2D」を探してクリックしてやればいいんでしたね。
これで重力が追加されたはずです。
実際動かしてみましょう。
ちゃんと、ステージのうえに立って、キー入力で左右に動くようになりましたか？
#br
しかし今の段階では、いくつか問題があります。
それは、
① 坂を上り下りしようとするとひつじが回転してしまう
② 壁に突っ込むとめり込んでしまう恐れがある
③ パソコンの性能差でひつじのスピードが変わってしまう
③ パソコンの処理能力差でひつじのスピードが変わってしまう
というものです。
#br
***問題① 坂を上り下りしようとするとひつじが回転してしまう [#ae1aa6f5]
#br
①の問題は、坂に当たった時の物理演算をz軸に関しても行っているせいで坂とひつじの間の摩擦力によって回転してしまうのです。
そのため、z軸に関する物理演算を止めてあげる、つまり、ひつじをz軸回転しないように固定してあげる必要があります。
固定する方法は簡単で、ひつじのインスペクターからRigidBody2D > Constraints > FreezeRotation > Z にチェックを入れてあげます。
これだけです。
#br
***問題② 壁に突っ込むとめり込んでしまう恐れがある [#jb81f757]
#br
②の問題は、「RigidBody2D」の物理演算の結果が、ひつじを左右に動かそうとするときに再計算されて衝突計算が無効になってしまうせいで起こります。
詳しく説明すると、「RigidBody2D」の物理演算は「MoveSeap.cs」の中にあるUpdate関数よりも先に計算されるようになっており、Update関数の中にある「Transform.position」による移動で衝突計算を再計算するようになっているんです。
この問題を解決するには、Update関数内で移動の計算を行わないようにしなければなりません。
ということで、以前作成したひつじを動かすプログラムの「MoveSeap.cs」を直していきます。
#br
#geshi(csharp,number){{
…
private Rigidbody2D rigidBody = null;
private Rigidbody2D rigidBody = null; //<=追加
public int speed = 0.01f;
// Start is called before the first frame update
void Start()
{
rigidBody = this.GetComponent<Rigidbody2D>();
}
// Update is called once per frame
void Update()
{
Vector2 pos = rigidBody.position; //<=「This.transform」から「rigidBody」に
if (Input.GetKey(KeyCode.D))
{
pos.x += speed;
}
if (Input.GetKey(KeyCode.A))
{
pos.x -= speed;
}
rigidBody.position = pos; //<=「This.transform」から「rigidBody」に
}
}
}}
#br
このように書き換えてください。
Start関数の上にかいた "private Rigidbody2D rigidBody = null;" というのは、前にも一度やった変数の定義となります。
今回は、「Rigidbody2D」という型に「rigidBody」という名前を付けて定義しています。
#br
最後にある「null」というのは、「無効な値、何もない、ゼロ」という、無効な参照を表す特別な値です。
詳しくはこの後にやりますが、この変数にはゲームオブジェクトのコンポーネントを格納するために使います。ですが、ここではまだそのコンポーネントを取得していないので、一旦「null」という値を置きます。（特に書かなくもデフォルトで「null」が入ります。）
#br
最初の「private」というのは、アクセス修飾子の一種です。
アクセス修飾子というのは、簡単に言えばその変数を利用できる権限レベルを指定するためのものです。今回付けた「private」は最も厳しい制限で、このクラスの中でしか使えないようになります。
これがつくと、Unityのインスペクターからも見ることができない（もちろん編集できない）変数として定義することができます。
今回定義する変数は、ひつじの物理演算を司るコンポーネントを格納するということで、基本的に中身が変更しない変数になります。このような、変更のない変数、或いは変更されては困るような変数を定義するときに使います。
（以前使った「public」もアクセス修飾子の一つで、一番権限レベルの易しいものになります。ほかのプログラムやインスペクターからも操作できるため、中身を変更することがある場合は「public」をつけましょう。）
#br
次は、Start関数の中の"rigidBody = this.GetComponent<Rigidbody2D>();"です。
これは、ひつじについている「RigidBody2D」のコンポーネントを取得して、先ほど定義してあげた「rigidBody」に入れる、という操作になります。これで、「rigidBody」という、変数を通じてひつじについた「RigidBody2D」設定をゲームの最中でも変更できるようになりました。
#br
最後に、Update関数の中に２か所あった「This.trsnform」を「rigidBody」に置き換えてあげます。
こうすることで、これまでのゲームオブジェクトの位置を直接変える操作から、「RigidBody2D」の物理エンジンによる操作に切り替えることができます。
これで、キー入力での左右の移動を、これまで先に計算されていた「RigidBody2D」での物理演算と一緒に演算できるようになりました。
つまり、衝突演算等が再計算されることはなくなったわけです。
このように、ゲームオブジェクトに物理的な操作（重力、衝突など）をする際は、できるだけ「transform」による操作よりも「RigidBody」による操作をするようにしましょう。
#br
***問題③ パソコンの処理能力差でひつじのスピードが変わってしまう [#da1c2b9f]
#br
最後に③の問題を解決しましょう。
Unityでは、処理の負荷が軽くかったり、重かったりするとフレームの長さが変わってしまいます。
更にゲームをプレイするデバイスの性能差によっても、処理能力の差でフレームの長さにばらつきが出てきます。
そこで、フレームの長さに合わせて進むスピードを調整できるように「MoveSeap.cs」を書き換えていきましょう。
#br
#geshi(csharp,number){{
…
//Update関数の中
if (Input.GetKey(KeyCode.D))
{
pos.x += speed * Time.deltaTime; //「* Time.deltaTime」を追加
}
if (Input.GetKey(KeyCode.A))
{
pos.x -= speed * Time.deltaTime; //「* Time.deltaTime」を追加
}
…
}}
#br
このように、「position」の加減の際に「Time.deltaTime」をかけてあげます。
少し説明すると、「Time.deltaTime」とは、前回のフレームから現在までの時間を表します。
Unityでは、処理の負荷が軽くかったり、重かったりするとフレームの長さが変わってしまいます。
またゲームをプレイするデバイスの性能差によっても、処理能力の差でフレームの長さにばらつきが出てきます。
そこで、加減の際に「speed」に「Time.deltaTime」をかけてあげることで、フレーム間隔が短いときはその分遅く、長いときは早くしてあげることで、フレームの長さに関係なく一定の速さで動くように見せることげできます。
加減の際に「speed」に「Time.deltaTime」をかけてあげることで、
フレーム間隔が短いときはその分遅く、長いときは早くしてあげることができ、
フレームの長さに関係なく一定の速さで動くように見せることげできます。
#br
これで、①～③の問題もすべてクリアでき、キー入力による操作は完成になります。
#br
**キー入力で左右で反転させる [#f790d98c]
#br
次は、ひつじの画像を進む方向が正面になるようにキー入力に合わせて反転させる機能を追加します。
ゲームオブジェクトの向きはデフォルトでついている「SpriteRenderer」というコンポーネントの「flipX」を変更することによって変えられます。
「FlipX」は初期状態ではチェックマークの入った所謂「True」で、元の画像と同じ抜きです。
ここで、チェックを外した「False」の状態にしてあげると、ゲームオブジェクトは左右で反転します。
これを「MoveSeap.cs」からキーの入力で判定をとって「True」と「False」を切り替えることで、今回の機能を実装していきます。
#br
#geshi(csharp,number){{
…
private Rigidbody2D rigidBody = null;
private SpriteRenderer spriteRenderer = null; //<=追加
public float speed = 0.01f;
// Start is called before the first frame update
void Start()
{
rigidBody = this.GetComponent<Rigidbody2D>();
spriteRenderer = this.GetComponent<SpriteRenderer>(); //<=追加
}
// Update is called once per frame
void Update()
{
Vector2 pos = rigidBody.position;
if (Input.GetKey(KeyCode.D))
{
pos.x += speed * Time.deltaTime;
spriteRenderer.flipX = true; //<=追加
}
if (Input.GetKey(KeyCode.A))
{
pos.x -= speed * Time.deltaTime;
spriteRenderer.flipX = false; //<=追加
}
…
}}
#br
**ジャンプできるようにする [#w0f37d00]
#br
四か所書き加えました。
一番上が、前のステップでもやった取得するコンポーネントの変数の定義です。
今回は「SpriteRenderer」を「spriterenderer」の名前で定義します。もちろん初期値は「null」です。
次はStart関数の中で、「spriteRenderer」にこのオブジェクトの「SpriteRenderer」コンポーネントを取得してあげます。
最後に、Update関数の中の左右それぞれのキー入力判定の場所で、「flipX」を「true」または「false」に変更する文を足してあげれば完成となります。
#br
実際に動かしてみると、キー入力に合わせてひつじが左右を向くようになったのではないでしょうか。
#br
**ジャンプをする [#y78bd0d2]
これで、ひつじをRigidBodyコンポーネントを用いて左右に移動できるようになりました。
次は縦方向の移動手段 ジャンプ を作ります。
ジャンプを作るにあたり、まずはジャンプの仕様を考えます。
仕様1 スペースキーが押されたらジャンプをする
仕様2 空中ではジャンプできない
次に、この仕様を実現するために必要な処理を考えます。
処理1 スペースキーが入力されたかを調べる。
処理2 ひつじが地面に触れているかを調べる。
処理3 ひつじに上方向の加速度を一回与える。
これらの処理を一つずつ実装し、ひつじのジャンプを作っていきます。
#br
次は、キー入力によるジャンプ機能を追加します。
***キー入力を一度だけ受け取る [#l635c850]
キー入力の受け取りを実装します。
[[ひつじを動かしてみる その2]]の時と同じようにしてスペースキーの入力も検知できます。
MoveSheep.csのUpdateメソッドの中にif文でスペースキー入力の検知を追加しましょう。
#geshi(csharp,number){{
void Update()
{
…
// ジャンプ
// スペースキーの入力チェック
if (Input.GetKey(KeyCode.Space))
{
// ここにジャンプの処理を書く
}
}
}}
これでよさそうな気もしますが、このままでは、「キーが押されている間、毎フレームジャンプの処理が行われる」ことになります。
30fpsとすれば0.1秒押し続けているだけで3回もジャンプが行われるわけです。
このままではひつじが空のかなたに消えてしまいそうなので、「キーが押されたときに一回だけジャンプの処理を行う」ように改良します。
今回は、Input.GetKey() の代わりに Input.GetKeyDown() メソッドを用いることでこれを解決します。
Input.GetKey() が、「キーが押されているとき」Trueになるのに対し、GetKeyDown() は「キーが押されたときに一回だけ」Trueになります。
#geshi(csharp,number){{
void Update()
{
…
if (Input.GetKeyDown(KeyCode.Space))
{
// ここにジャンプの処理を書く
}
}
}}
#br
***ひつじに上方向の力を与える [#ubbe128e]
はねる という動きをUnityで再現したい場合、RigidBodyのAddForce()メソッドのImpulseモードが便利です。
AddForceは文字通り、オブジェクトに「力を加える」メソッドです。
AddForceには
・継続的に力を加え続ける（加速させる）Forceモード
・瞬間的に力を加える Impulseモード
などのモードがあり、力の加え方を決めることができます。
ここではImpulseモードで上方向に一瞬だけ力を加えることで上に飛ぶ動作を再現します。
#geshi(csharp,number){{
…
public float speed;
public float jump; //<=ジャンプする大きさ用の変数を定義
…
void Update()
{
…
if (Input.GetKeyDown(KeyCode.Space))
{
// AddForce(力の方向※Vector2型, モード※省略可)
// モードは ForceMode2D.Impulse, ForceMode2D.Forceのように指定
rigidBody.AddForce(new Vector2(0, jump), ForceMode2D.Impulse);
}
}
}}
飛ぶ強さは調整が必要になってくるため「jump」という名前であらかじめ定義しておいて、「AddForce」のｙ軸方向への力として使います。
もちろんインスペクターからの編集もできるようにアクセス修飾子として「public」を指定しておいてください。
これで、スペースキーが押されたときに上方向に飛び上がるようになります。
#br
***設置判定 [#xb3841a5]
地面に触れているか は Tilemap にひつじの下面が触れているか
と考えて作ります。
通常の当たり判定では、どの方向がTilemap当たっているかを調べることができません。
そこで、新しくひつじの足元にオブジェクトを作り、そのオブジェクトがTilemapに触れているかを調べることでこの問題を解決します。
****設置判定用のオブジェクトを作る [#x04095bb]
ヒエラルキーからひつじを右クリックし、メニューから create empty を選択して
空のひつじの子オブジェクトを作ります。
名前はGroundCheck にしておきます。
#br
#画像
#br
ひつじの子オブジェクトにすることがポイントです。
Unityでは、子オブジェクトは親オブジェクトを基準に座標が計算されます。
つまり、特にスクリプトを書かずとも、子オブジェクトは親オブジェクトとの位置関係をキープし続ける
勝手についてきてくれる
というわけです。
#br
オブジェクトを作ったら、
GroundCheckにAdd ComponentでBox Colliderを追加します。
#br
#画像
#br
そのままではひつじと同じ大きさの当たり判定になってしまい、足元だけの判定にならないので、
Inspector > Edit Colliderを押し
sceneビューでcolliderの大きさを調整します。
(横幅はひつじの半分程度、縦幅は小さく、位置はひつじの足元になるように）
#br
#画像
#br
横幅を小さくしておかないと、横の壁も地面と判定されてしまうので注意です。
#br
調節できたら、
InspectorからBoxColliderのisTriggerにチェックを入れます。
#br
#画像
#br
ColliderコンポーネントのisTriggerオプションは、他のColliderと反発するかしないかを決めるオプションです。
チェックを入れると反発しなくなります。
設置判定用のオブジェクトが地面と反発すると親子の位置関係を保とうとしてひつじのほうが浮いてしまうのでisTriggerで反発を無効化しておきます。
#br
**設置判定用のスクリプトを作る[#u0b8c745]
GroundCheckを使ってMoveSheep内で設置判定を受け取るには、
GroundCheckのなかに public でフラグを作り、設置していればフラグをTrueにする。
MoveSheepからGroundCheckのフラグの値を読み取る。
という方法が考えられます。
#br
まずはGroundCheckのスクリプトを作ります。
#br
GroundCheckにAddComponent＞NewScript で「GroundCheck」というスクリプトを追加します。
追加したらスクリプトを開き、StartやUpdateは消して、代わりにアクセス修飾子public をつけて設置判定の結果を入れるフラグを作ります。
#geshi(csharp, number){{
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class GroundCheck : MonoBehaviour
{
//地面と当たっているかのフラグ
public bool isGround = false;
}
}}
初期値にはfalseを入れておきます。
#br
次に、肝心の設置判定を作ります。
Colliderの当たり判定はスクリプトから受け取ることもできます。
#geshi(csharp, number){{
//略
public class GroundCheck : MonoBehaviour
{
//地面と当たっているかのフラグ
public bool isGround = false;
//地面と触れたときにフラグをtrueに
void OnTriggerEnter2D(Collider2D col)
{
if (col.tag == groundTag) {
isGround = true;
}
}
//地面から離れたときにフラグをfalseに
void OnTriggerExit2D(Collider2D col) {
if (col.tag == groundTag) {
isGround = false;
}
}
}
}}
SEAP22マニュアル
