Unity 2D 道に沿ってキャラを自動的に動かす
見下ろし型2Dゲームで使えそうな小ネタです。特定の道に沿ってキャラクターを勝手に移動させてみたいと思います。
白い四角が動くキャラクターで、ちょっと見づらいですが赤い点が道、緑の点が終点です。
白いキャラクターが点を順番にたどって最後の緑の点まで移動しています。
赤と緑の点はわかりやすいようにSpreiteRendererで表示させていますが、最終的にオフにしても同じように動きます。
ちなみにこの小技は下記のゲームで実装しています。
あるキャラクターが目的地まで自動で動く演出で使ってます。
Unityの新規2Dプロジェクトを作成して作業開始です。
今回も画面サイズは960*540にしています。
動くオブジェクト、道の親要素、道のポイントを設置
では早速やっていきます。
Hierarchy上に実際に移動するオブジェクトと道順(点)の親要素となるげオームオブジェクトを作成します。
動くオブジェクトをMoveObj、道の親オブジェクトをRouteParentとしました。
次に道順となるオブジェクトをRouteParentの子要素として追加します。
2D ObjectのSpritesからSquareを作成します。
名前はpointとしました。
このままですとMoveObjと同じ白い四角なのでInspectorからサイズと色を調整しましょう。
こんな感じでよいかと思います。
ではこのpointをどんどん増やしていきましょう。
今回は6個作りました。
あとはこのpointそれぞれのポジションを変更して道のように配置していきます。
XとYの値を変更して道をつくりました。最後のpointだけゴールということで緑にしています。
こんな感じで並んでます。
道の親要素にスクリプトをアタッチ
続いて道の親要素、RouteParentにC#スクリプトをアタッチします。
今回はRouteというC#スクリプトにしました。
作成したらRouteParentにアタッチします。
ではスクリプトの中身を記述していきましょう。
まずは変数等を宣言します。
このような感じになりました。
忘れないうちにRouteParentのInspectorからmoveObjとspeedを設定しましょう。
これで準備OKです。
続いて具体的に動くスクリプトを記述していきます。
親要素のスクリプトを記述
まずStart関数で子要素のpointを全て取得しリストに格納します。
GetComponentsInChildren
この場合はpointのTransformだけが欲しいのにRouteParentのTransformも取得してきてしまいます。
そこでLinqのWhereメソッドを使い自分自身のTransformを除外しています。
Where(t => t != transform)がそれに当たります。
LinqのWhereに関してはわかりやすく紹介している記事がありましたので掲載しておきます。
実際にログを確認したところ正常にpointのポジションのみが取得できていました。
最初の点に動かしてみる
つづいて最初のpointにMoveObjを動かしてみましょう。
Start関数内とUpdate関数内に処理を記述します。
このような感じになります。
実行してみるとこんな感じで最初のpointに移動します。
処理の内容について触れます。
移動物(MoveObj)を目的地(nextPos)に移動させたいというときは移動物と目的地の距離が0(若しくは0に限りなく近い)になれば達成されます。
それをこのスクリプトで行っています。
まずはじめにStart関数内で移動する目的地となる座標を取得しています。それがnextPos = points[pointIdx].position;になります。
つづいてUpdate関数内で目的地となるnextPosと移動物moveObjの距離(sqrMagnitude)をMathf.Epsilonと比較しています。
目的地(nextPos)のポジションから移動物(moveObj.position)ポジションを引いてその距離(sqrMagnitude)を求めて0に限りなく近い値(Mathf.Epsilon)より大きければmoveObj.positionを変更するという処理をしています。
ここで疑問になってくるのは目的地と移動物の差がなくなれば良いので、Mathf.Epsilonではなく0で良いではないかということです。
確かに0でも問題ないのですが実行時に誤差が出ても正常にif文に入るよう今回はMathf.Epsilonを使っています。
移動物(moveObj)のポジションを変更するにはVector3の関数、MoveTowardsを使っています。
MoveTowards関数には第一引数に現在の位置(moveObj.position)、第二引数に移動先となる位置(nextPos)、第三引数に速度(speed * Time.deltaTime)を渡します。
そうすると先程のようにターゲット(最初の点)に向かって動きます。
ここまでで最初の目的地(point)に移動することができました。
そうしたら次の目的地を設定しましょう。
点の順番どおりに動かす&バグ修正
具体的にはUpdate関数内を次のように修正します。
これで実行するとmoveObjがpointをたどって動いてくれます。
しかしこれだと最後にバグが発生します。
実際に実行して見てみます。
これは何かといいますとゴールまでたどり着いたにも関わらずUpdate関数内で次の目的地を探しに行こうとしているので発生しています。
まず修正してしまいましょう。
このような感じになりました。
pointsの数よりもpointIdxの値が小さい場合のみ次の目的地を設定するという処理を加えました。
エラーの原因
points.Countでは格納されている個数が取得できます。
今回はpointsの中には6個のtransformが入っています。
では格納したListから1つ目の値を呼び出す場合どのように指定するでしょうか?
points[1]ではなくpoints[0]と指定します。
Listや配列は0番目から値を追加していきますので実際x番目を呼び出す場合、xから1を引いて指定しないといけません。
今回加えたif文によってpointIdxがpoints.Count(6個)より小さい場合、すなわち5以下ならばnextPosを上書きするというようになりました。
このif文がなかったために
nextPos = points[pointIdx].position;
ではpointIdxが加算され処理的には
nextPos = points[6].position;
となっており実際には存在しない7番目のpointsをnextPosにしようとしていたためエラーが発生していました。
これで無事エラーも発生せずmoveObjが最後のpointまで移動出来ると思います。
今回いろいろ説明が長くなってしまいましたが最終的なソースコードを掲載しておきます。
見ていただければわかると思いますが、やっていることはとてもシンプルです。
関連記事
Unity開発おすすめPC
NEXTGEAR JG-A5G5A
![NEXTGEAR JG-A5G5A](/images/NEXTGEAR_JG_img08_none_M.jpg)
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 - ルナグレー
![Lenovo LOQ Essential Gen 9 - ルナグレー](/images/p8etaugfh3439x6j067j1kb0hjom2o483441.jpg)
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 :カスタマイズモデル
![LOQ Tower 17IRR9 :カスタマイズモデル](/images/x7rslvb35c2mqo7628cdfomjzj51o4643226.png)
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(ホワイトカラーモデル)
![NEXTGEAR JG-A5G60(ホワイトカラーモデル)](/images/gallery01_nextgear_jg_w.jpg)
CPU : AMD Ryzen™ 5 4500 プロセッサー
グラフィックス : NVIDIA® GeForce RTX™ 4060
メモリ標準容量 : 16GB (8GB×2 / デュアルチャネル)
M.2 SSD : 1TB (NVMe)
保証期間 : 3年間センドバック修理保証・24時間×365日電話サポート
NEXTGEAR JG-A5G60(1周年記念モデル)
![NEXTGEAR JG-A5G60(1周年記念モデル)](/images/gallery01_nextgear_jg_b.jpg)
CPU : AMD Ryzen™ 5 4500 プロセッサー
グラフィックス : NVIDIA® GeForce RTX™ 4060
メモリ標準容量 : 16GB (8GB×2 / デュアルチャネル)
M.2 SSD : 1TB (NVMe)
保証期間 : 3年間センドバック修理保証・24時間×365日電話サポート
G TUNE FG-A7A7X
![G TUNE FG-A7A7X](/images/2501_gallery01_new_g_tune_fz_fg.jpg)
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でリンクを作成する方法とそのバグの解消法](https://tanisugames.com/wp-content/uploads/2024/07/thumb.gif)
TextMeshProでリンクを作成する方法とそのバグの解消法
今回はTMPのリンクを生成するLinkタグについて紹介したいと思います。
ちょっとしたハマりポイントもあるのでそちらについても触れていきたいと思います。
![UnityでCSVを活用したメッセージウィンドウの作り方](https://tanisugames.com/wp-content/uploads/2024/03/wp-thumb-2.png)
UnityでCSVを活用したメッセージウィンドウの作り方
メッセージの内容を変更したい時や、新しいメッセージを追加したい時にCSVファイルを使えば、メッセージの編集や追加が簡単になり、開発がスムーズになります。
![Unity2D ドット絵の簡単なアニメーションを作ってみる](https://tanisugames.com/wp-content/uploads/2024/03/wp-gif-thum.gif)
Unity2D ドット絵の簡単なアニメーションを作ってみる
Unity2Dで簡単なドット絵のアニメーションを作成します。スプライトを切り替えることでプレイヤーが歩いているように見えるアニメーションを作成してみます。
この方法を応用することでキャラクターに色んな動きや表示を付け加えることができると思います。
![ChatGPTの指示通りUnityゲームを作ってみる](https://tanisugames.com/wp-content/uploads/2024/03/wp-thumb-1.png)
ChatGPTの指示通りUnityゲームを作ってみる
最近ではChatGPTを始め様々な大規模言語モデルの対話型AIが公開されていますね。
そこで今回はChatGPTの指示に従ってゲームを作ってみる実験をしてみます。
![Unityで9-sliceテクニックを使った効果的なUI作成方法](https://tanisugames.com/wp-content/uploads/2024/03/wpthmb.png)
Unityで9-sliceテクニックを使った効果的なUI作成方法
UI作成時に非常に便利なテクニック9-sliceをやってみます。
とても簡単に使える技です。
![Transform.RotateとQuaternion.Eulerでオブジェクト回転](https://tanisugames.com/wp-content/uploads/2024/03/wp-thumb.png)
Transform.RotateとQuaternion.Eulerでオブジェクト回転
Unity2Dで簡単なゲームオブジェクトの回転を実装してみたいとおもいます。
Transform.RotateとQuaternion.Eulerの二種類の回転方法を実験します。
ルーレットとか、方位をコンパス。またはプレイヤーがやられた時に回転させるなどに使えそうです。
最後までご覧頂いてありがとうございました。
宜しければコメントをどうぞ