1
0

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.

UE キャラクターの移動方向を向くカメラの作成

Posted at

はじめに

よくあるTPS視点RPGのプレイヤーキャラクターを移動させると進行方向を自動で向いてくれる実装のメモです。

実装環境

UE5 EarlyAccess (UE5の機能は使いません)
ThirdPersonTemplateを使用

実現したいもの

  1. 左スティックでキャラクターが移動する。
  2. カメラも進行方向を映すように自動で回転する。

ThirdPersonTemplateの状態

ThirdPersonTemplateの実装では、左スティックでキャラクターは移動しますがカメラは回転せずに付いてきます。
進行方向を見るためには、左スティックで移動操作をしながら右スティックorマウスでカメラを操作する必要があります。
この操作を左スティック一つで行えるようにしていきましょう。

実装方法の検討

通常のスティック操作によるカメラ回転

  • 通常、進行方向を向く挙動をするには左スティックで移動しながら右スティックでカメラを回転させます。
  • 左スティックで真正面に進む場合は回転させません。左右への移動量がある場合にカメラを回転させています。
  • 左スティックの水平成分をカメラの回転に割り当てることで、左スティック一つでキャラクターの移動と進行方向を向くカメラの挙動が実装できそうです。

自動カメラ回転の計算方法

  • 計算しやすくするため垂直時にはカメラの回転量を0とし、左右の時には1となるような計算式を考えます。
  • 進行方向のベクトルとカメラの右方向ベクトルと内積を取ることで、垂直時には0、平行時には1(-1)の結果が取得できます。
  • これにカメラの回転速度をかけることで左スティックだけで移動とカメラの回転が実現できそうです。

実装手順

ThirdPersonCharacterのブループリントには既にキャラクターの移動に関するノードが組まれています。

まず進行方向をそれぞれベクターの変数にセットします。
image (1).png

Tickイベントを実装しベクターを足し合わせ進行方向のベクトルを求めます。
AddMovementInputでキャラクターの移動を行った後、進行方向ベクトルとカメラの右ベクトルから内積を計算しカメラの回転量を求めます。
求めた回転量をAddControllerYawInputにわたすことで、進行方向を向くようにカメラが回転してくれます。

完成したノード。関数にまとめました。
image (2).png

image (3).png

MapRangedClampを使用しているのは、左スティックの水平成分が一定値を超えた場合にカメラが回転しはじめるようにするためです。

完成したもの

Animation.gif

おわりに

色々ゲームの移動挙動を観察すると、進行方向にカメラが回転し始めるのがしばらく移動してからだったり、歩いてる時と走っている時で回転速度が違ったり、TPS視点でもアクションゲームでは回転補正がなかったり、似たようなゲームでもそれぞれ挙動が異なっていて何を考えてこの挙動を仕様にしたのか考えるのも面白かったです。

1
0
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
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?