原カバンは鞄のお店ではありません。

Unityを使ったゲーム制作のあれこれを綴っていきます。

【Unity】ベジェ曲線を求めて放物線を描く

f:id:Karvan:20210720193626p:plain

決意と怠惰

今日こそは家に帰ったら速攻でゲーム制作に取り掛かるぞ、と決心したものの夕飯を食べて一息ついたら何故かPSのコントローラーを握っている皆さんこんにちは。最近、UBI製ゼルダの伝説とでも言うべき「イモータルズ フィニクス ライジング」というゲームを購入して見事に土日が潰れました。キャラクター同士の会話内容はちっとも分からないんですが、とにかく探索が楽し過ぎてメインストーリーを進めずに寄り道ばかりしています。熊さん強すぎ。

 

ベジェ曲線

下の図のように移動する鳥が移動方向斜め前にあるリングの中を通る動作を作りたい場合、通常なら目的地のリングに向かって一直線に飛ばせばよいのですが、それだとちょっと面白くない。もう少し動きを加えて放物線を描きながらリングを通過させたい。

f:id:Karvan:20210720194213p:plain

そういった場合の放物線(曲線)の計算方法は色々あるかと思うのですが、その中でもメジャーな手法としてベジェ曲線を使った手法があります。

ベジェ曲線とはコンピュータ上で滑らかな曲線を表現できる計算方法で、最も単純な「2次ベジェ曲線」の場合だと曲線の始点と終点、その間にある中継点を指定するだけで曲線を作る事ができます。

f:id:Karvan:20210720194106p:plain

Google先生に尋ねると色々な解説が各所で掲載されているので詳細はそちらを参考にしてもうとして、この「2次ベジェ曲線」をUnity上で計算する場合はVector3のLerpを使います。

f:id:Karvan:20210720194123p:plain

上記の関数の引数tは始点と終点の距離を1とした時の距離でこの値を0~1に変えることで曲線上にある点を求めることが出来ます。
ここで重要なのは中継点の位置で、始点と終点の中間地点から上(Y軸)へ距離を取った地点を中継点とすると

 

f:id:Karvan:20210720194154p:plain

こんな感じの曲線が求められます。

もちろんこの曲線上を移動するようにしても問題ないのですが、この場合、最初に鳥はリングに向かって斜め方向に飛び、リングに到達すると進行方向(Z軸方向)に一旦向きを直して移動することになり、ちょっとぎこちない動作になります。

f:id:Karvan:20210720194416p:plain

 

垂線を求める

スムーズに方向を変えるような曲線にしたい場合は、中継点を中間地点の上(Y軸)に置くのではなく、始点から終点へ向かうベクトルの(XZ平面の)垂線上に置くことが必要になります。

f:id:Karvan:20210720194531p:plain

こうした指定したベクトルの垂線を求めたい場合にはVector3のProjectを使います。

f:id:Karvan:20210720194626p:plain

Vector3.ProjectはUnityのリファレンスによれば「ベクトルを別のベクトルに投影します。」と書かれています。
つまり、上の式のProjectionは「vectorベクトルの垂線」と「onNormalベクトル」の交点を表すと考えることができます。

f:id:Karvan:20210720194651p:plain

なので、投影ベクトルのProjectionから投影元のvectorの差分ベクトルを求めればonNormalベクトルの垂線ベクトルを求めることが出来ます

f:id:Karvan:20210720194706p:plain

後は中間点からこのベクトルに沿って距離を取った地点を中継点に置けばスムーズに方向を変える曲線を求めることが出来ます。

 

f:id:Karvan:20210720194853p:plain

上から見るとこんな感じ

f:id:Karvan:20210720194922p:plain

 仕上げ

垂線ベクトルに沿った点を求めることができたので、その地点から上(Y軸)へ距離を取った地点を最終的な中継点としてベジェ曲線を求めました。

f:id:Karvan:20210720195047p:plain

ちょっと見ずらい・・・
後ろから見るとこんな感じ

f:id:Karvan:20210720195116p:plain

この求めた曲線に沿って鳥を移動させます。

f:id:Karvan:20210720195240g:plain

こんな感じ。一直線に進むよりも結構ダイナミックな動きになったと思います。

 

 

◇プライバシーポリシー

●個人情報の利用目的

当ブログでは、メールでのお問い合わせ、メールマガジンへの登録などの際に、名前(ハンドルネーム)、メールアドレス等の個人情報をご登録いただく場合がございます。

これらの個人情報は質問に対する回答や必要な情報を電子メールなどをでご連絡する場合に利用させていただくものであり、個人情報をご提供いただく際の目的以外では利用いたしません。

●個人情報の第三者への開示

当サイトでは、個人情報は適切に管理し、以下に該当する場合を除いて第三者に開示することはありません。

・本人のご了解がある場合
・法令等への協力のため、開示が必要となる場合

個人情報の開示、訂正、追加、削除、利用停止
ご本人からの個人データの開示、訂正、追加、削除、利用停止のご希望の場合には、ご本人であることを確認させていただいた上、速やかに対応させていただきます。

アクセス解析ツールについて

当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。

このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。このトラフィックデータは匿名で収集されており、個人を特定するものではありません。
この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。

●免責事項

当サイトからリンクやバナーなどによって他のサイトに移動された場合、移動先サイトで提供される情報、サービス等について一切の責任を負いません。

当サイトのコンテンツ・情報につきまして、可能な限り正確な情報を掲載するよう努めておりますが、誤情報が入り込んだり、情報が古くなっていることもございます。

当サイトに掲載された内容によって生じた損害等の一切の責任を負いかねますのでご了承ください。

●プライバシーポリシーの変更について

当サイトは、個人情報に関して適用される日本の法令を遵守するとともに、本ポリシーの内容を適宜見直しその改善に努めます。

修正された最新のプライバシーポリシーは常に本ページにて開示されます。