【初心者向け】Unity2D Transformでキャラクターを移動させる
今回は簡単にプレイヤーキャラクターを操作して動かす方法を紹介したいと思います。
Unityでキャラクターを動かす方法は大まかに2つあります。
- Transformによる移動
- Rigidbody2Dによる移動
1つ目はTransformによる移動です。
この方法では対象となるキャラクターの位置(座標)の情報を操作し移動を実装します。
2つ目はRigidbody2Dによる移動です。
キャラクターを物理エンジンで操作する方法です。
今回は比較的分かり易いTransformによる移動方法を紹介したいと思います。
キャラクターは以前の投稿した記事「【初心者向け】Unityでドット絵をキレイに表示する」のPlayerを使います。
見下ろし型のシューティングゲームを作るイメージで進めていきます。
Transformによる移動方法
ではまずキャラクターの座標を操作して移動してみます。
早速Playerを操作するC#スクリプトを作成します。
PlayerControllerとしました。
PlayerControllerをPlayerにアタッチします。
これで準備OKですので早速PlayerControllerを作っていきましょう。
キー入力
まずスピードを設定したいのでSerializeFieldでfloat型のspeedという変数を作ります。
次にキー入力を取得したいのでUpdate関数内に、float型のxとyという変数に入力されたときの値をそれぞれ代入していきます。
具体的には下記の通りです。
Input.GetAxisRawという関数は軸(Axis)の名前を引数にして1,-1の値を返してくれます。
Horizontalで横軸、Verticalで縦軸です。
何も入力されていなければ0が返ってきます。
xとyの変数にそれぞれ取得した値を代入しています。
transform.Translateで移動
続いて取得した値xとyを使ってキャラクターを移動させる処理を加えます。
ここでtransform.Translateという関数がでてきました。
この関数は現在の位置を基準に指定したx,y,zの値分だけオブジェクトを移動させることができます。
第一引数にはvector3を、第二引数には基準とする座標を取ります。
第二引数は指定しなければローカル座標を基準に移動します。
今回の場合は第一引数のみ指定しています。
new Vector3(x,y)でxとyのベクトルを指定し、それにTime.deltaTimeとspeedをかけて速度を調整しています。
最後にPlayerのInspectorでspeedを指定し、実行してみます。
このようにキー操作によってプレイヤーを動かせることが出来ました。
transform.postionを変更
次に直接プレイヤーの座標を操作する方法を試してみます。
現在のpositionに対し、入力された値に応じてその方向に座標を動かす感じです。
コードはこのような感じになりました。
transform.rightとtransform.upをログで表示してみます。
transform.rightはVector3(1f,0f,0f)、transform.upはVector3(0f,1f,0f)という値です。
その値をキー入力に合わせて現在のpostionに足すことで右方向、上方向に、また引くことで左方向、下方向に座標を動かすことができます。
注意点
transformを操作してプレイヤーを移動させるのは簡単です。
しかし物理演算を使用する場合は注意が必要です。
transformで移動をしている時、オブジェクトは細かく瞬間移動を繰り返しています。
そのため当たり判定がうまく行かなかったり、壁にめり込む、オブジェクトなどをすり抜けてしまうことがあります。
物理演算を使う場合はRighdbody2Dを使った移動方法を実装したほうが良いでしょう。
Rigidbody2Dのvelocityの値を使った移動はこちらです。
Unity開発おすすめPC
NEXTGEAR JG-A5G5A

CPU : AMD Ryzen™ 5 4500 プロセッサー
グラフィックス : NVIDIA® GeForce RTX™ 3050
メモリ標準容量 : 16GB (8GB×2 / デュアルチャネル)
M.2 SSD : 1TB (NVMe)
保証期間 : 3年間センドバック修理保証・24時間×365日電話サポート
Lenovo LOQ Essential Gen 9 - ルナグレー

CPU : インテル® Core™ i7-12650HX
グラフィックス : NVIDIA® GeForce RTX™ 4050 Laptop GPU 6GB GDDR6
メモリ標準容量 : 16 GB DDR5-4800MHz
ストレージ : 512 GB SSD M.2 2242 PCIe-NVMe Gen4 QLC
ディスプレイ :15.6" FHD液晶 (1920 x 1080) IPS, 光沢なし, マルチタッチ非対応, 100%sRGB, 300 nit, 144Hz
内蔵カメラ :720p HDカメラ (プライバシーシャッター付)
無線 :Wi-Fi 6対応 (IEEE 802.11ax/ac/a/b/g/n準拠) 2x2 & Bluetooth®
保証期間 : 1 年間 Legion Ultimate Support
LOQ Tower 17IRR9 :カスタマイズモデル

CPU : インテル® Core™ i5-14400F プロセッサー
グラフィックス : NVIDIA® GeForce RTX™ 3050 6GB GDDR6
メモリ標準容量 : 16 GB DDR5-4800MHz (UDIMM) - (2 x 8 GB)
ストレージ : 512 GB SSD M.2 2280 PCIe-NVMe Gen4 TLC
保証期間 : 1 年間 Legion Ultimate Support
NEXTGEAR JG-A5G60(ホワイトカラーモデル)

CPU : AMD Ryzen™ 5 4500 プロセッサー
グラフィックス : NVIDIA® GeForce RTX™ 4060
メモリ標準容量 : 16GB (8GB×2 / デュアルチャネル)
M.2 SSD : 1TB (NVMe)
保証期間 : 3年間センドバック修理保証・24時間×365日電話サポート
NEXTGEAR JG-A5G60(1周年記念モデル)

CPU : AMD Ryzen™ 5 4500 プロセッサー
グラフィックス : NVIDIA® GeForce RTX™ 4060
メモリ標準容量 : 16GB (8GB×2 / デュアルチャネル)
M.2 SSD : 1TB (NVMe)
保証期間 : 3年間センドバック修理保証・24時間×365日電話サポート
G TUNE FG-A7A7X

CPU : AMD Ryzen™ 7 9800X3D プロセッサ
グラフィックス : AMD Radeon™ RX 7700 XT
メモリ標準容量 : 32GB (16GB×2 / デュアルチャネル
M.2 SSD : 2TB (NVMe Gen4×4)
ドライブ仕様 :DVDスーパーマルチドライブ
無線 :Wi-Fi 6E( 最大2.4Gbps )対応 IEEE 802.11 ax/ac/a/b/g/n準拠 + Bluetooth 5内蔵
保証期間 : 3年間センドバック修理保証・24時間×365日電話サポート
関連記事

TextMeshProでリンクを作成する方法とそのバグの解消法
今回はTMPのリンクを生成するLinkタグについて紹介したいと思います。
ちょっとしたハマりポイントもあるのでそちらについても触れていきたいと思います。

UnityでCSVを活用したメッセージウィンドウの作り方
メッセージの内容を変更したい時や、新しいメッセージを追加したい時にCSVファイルを使えば、メッセージの編集や追加が簡単になり、開発がスムーズになります。

Unity2D ドット絵の簡単なアニメーションを作ってみる
Unity2Dで簡単なドット絵のアニメーションを作成します。スプライトを切り替えることでプレイヤーが歩いているように見えるアニメーションを作成してみます。
この方法を応用することでキャラクターに色んな動きや表示を付け加えることができると思います。

ChatGPTの指示通りUnityゲームを作ってみる
最近ではChatGPTを始め様々な大規模言語モデルの対話型AIが公開されていますね。
そこで今回はChatGPTの指示に従ってゲームを作ってみる実験をしてみます。

Unityで9-sliceテクニックを使った効果的なUI作成方法
UI作成時に非常に便利なテクニック9-sliceをやってみます。
とても簡単に使える技です。

Transform.RotateとQuaternion.Eulerでオブジェクト回転
Unity2Dで簡単なゲームオブジェクトの回転を実装してみたいとおもいます。
Transform.RotateとQuaternion.Eulerの二種類の回転方法を実験します。
ルーレットとか、方位をコンパス。またはプレイヤーがやられた時に回転させるなどに使えそうです。
最後までご覧頂いてありがとうございました。
宜しければコメントをどうぞ