<h2 id="%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB" aria-hidden="true"></a> はじめに</h2>
<p data-line="1" class="code-line">プレイヤーの方を見るNPCという設定でコントロールリグによるLookAt機能を作ってみました。<br style="display:none">
<span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/plidIYHMZaE" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://youtu.be/plidIYHMZaE" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://youtu.be/plidIYHMZaE</a></p>
<p data-line="4" class="code-line">プレイヤーの位置情報をコントロールリグに送って操作する方法はヒストリアさんの記事を参考にさせていただきました。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__c2c1349c76dfd" src="https://embed.zenn.studio/card#zenn-embedded__c2c1349c76dfd" data-content="https%3A%2F%2Fhistoria.co.jp%2Farchives%2F46931%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://historia.co.jp/archives/46931/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://historia.co.jp/archives/46931/</a></p>
<p data-line="7" class="code-line">なるべくリアルな挙動を目指してコントロールリグで色々と設定を行っていますので、<br>
この記事ではそれを中心に紹介します。</p>
<h2 id="1.%E9%A0%AD%E3%81%AE%E5%90%91%E3%81%8D%E3%82%92%E5%88%B6%E5%BE%A1%E3%81%99%E3%82%8B%E4%BB%95%E7%B5%84%E3%81%BF%E3%81%AE%E4%BD%9C%E6%88%90" data-line="10" class="code-line">
<a class="header-anchor-link" href="#1.%E9%A0%AD%E3%81%AE%E5%90%91%E3%81%8D%E3%82%92%E5%88%B6%E5%BE%A1%E3%81%99%E3%82%8B%E4%BB%95%E7%B5%84%E3%81%BF%E3%81%AE%E4%BD%9C%E6%88%90" aria-hidden="true"></a> 1.頭の向きを制御する仕組みの作成</h2>
<p data-line="11" class="code-line">aim用のコントローラーを作成し、AimConstraintを使って頭がコントローラーの方向を見るようにしています。今回はアップベクトル用のコントローラーを作りませんでしたが、作った方がより挙動の精度が高くなると思います。最終的にこのコントローラーはプレイヤーの位置に合わせます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/17b793a0191c-20250812.png" class="md-img" loading="lazy"></p>
<h2 id="2.%E9%A0%AD%E3%81%AE%E5%8F%AF%E5%8B%95%E7%AF%84%E5%9B%B2%E3%82%92%E8%A8%AD%E5%AE%9A" data-line="14" class="code-line">
<a class="header-anchor-link" href="#2.%E9%A0%AD%E3%81%AE%E5%8F%AF%E5%8B%95%E7%AF%84%E5%9B%B2%E3%82%92%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 2.頭の可動範囲を設定</h2>
<p data-line="15" class="code-line">このままだと頭がねじれるぐらい回転してしまうので、回りすぎないように回転値に制限をかけます。<br>
こちらも最初に紹介したヒストリアさんの仕組みを参考にさせていただきました。<br>
やっていることは以下になります。</p>
<ul data-line="18" class="code-line">
<li data-line="18" class="code-line">AimConstraintで動かした頭のボーン回転値を取得（クォータニオン）</li>
<li data-line="19" class="code-line">ToEulerでクォータニオンをオイラーに変換</li>
<li data-line="20" class="code-line">clampでX回転を-40～40の範囲に制限</li>
<li data-line="21" class="code-line">頭のボーン回転値に設定<br>
<img src="https://storage.googleapis.com/zenn-user-upload/74d6a6e8e1c2-20250810.png" class="md-img" loading="lazy">
</li>
</ul>
<h2 id="3.%E4%BD%93%E3%81%AE%E5%90%91%E3%81%8D%E3%81%8C%E9%A6%96%E3%81%A8%E9%80%A3%E5%8B%95%E3%81%97%E3%81%A6%E5%8B%95%E3%81%8F%E3%82%88%E3%81%86%E3%81%AB%E8%A8%AD%E5%AE%9A" data-line="24" class="code-line">
<a class="header-anchor-link" href="#3.%E4%BD%93%E3%81%AE%E5%90%91%E3%81%8D%E3%81%8C%E9%A6%96%E3%81%A8%E9%80%A3%E5%8B%95%E3%81%97%E3%81%A6%E5%8B%95%E3%81%8F%E3%82%88%E3%81%86%E3%81%AB%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 3.体の向きが首と連動して動くように設定</h2>
<p data-line="25" class="code-line">頭だけでは不自然なので身体も回転するようにしました。<br>
基本的には頭と同じでボーン毎に専用のAimコントローラーを作成し、AimConstraintでコントローラーの方向を見るようにしています。Headのコントローラーを流用したかったのですが上手くオフセットをかけることができなかったため、少し雑ですがコントローラーを用意する方法で作成しました。<br>
腰に近づくほど回転値を抑えたかったのでノードの一番下のWeightで調整しています。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/17b87566412e-20250811.png" class="md-img" loading="lazy"></p>
<p data-line="30" class="code-line">最終的にHeadのAimコントローラーをプレイヤーの位置に合わせるので、連動して動くようHeadのAimコントローラーの子にしています。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/36085b2594d1-20250811.png" class="md-img" loading="lazy"></p>
<h2 id="4.%E9%83%A8%E4%BD%8D%E3%81%94%E3%81%A8%E3%81%AB%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%A9%E3%83%BC%E3%82%92%E5%90%91%E3%81%8F%E3%82%BF%E3%82%A4%E3%83%9F%E3%83%B3%E3%82%B0%E3%82%92%E9%81%85%E3%82%89%E3%81%9B%E3%82%8B" data-line="33" class="code-line">
<a class="header-anchor-link" href="#4.%E9%83%A8%E4%BD%8D%E3%81%94%E3%81%A8%E3%81%AB%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%A9%E3%83%BC%E3%82%92%E5%90%91%E3%81%8F%E3%82%BF%E3%82%A4%E3%83%9F%E3%83%B3%E3%82%B0%E3%82%92%E9%81%85%E3%82%89%E3%81%9B%E3%82%8B" aria-hidden="true"></a> 4.部位ごとにコントローラーを向くタイミングを遅らせる</h2>
<p data-line="34" class="code-line">動き始める順番を頭→上半身→腰という順番にしたいのでAccumulateLerpノードを使いました。<br>
IntegrateDeltaTimeにチェックを入れてBlendの値を調整しています。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/dc518cc57159-20250811.png" class="md-img" loading="lazy"></p>
<p data-line="38" class="code-line">以下のようにAimで動いた回転値をGetで取得し、AccumulateLerpでタイミングをずらしています。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/d50e55f62a99-20250811.png" class="md-img" loading="lazy"></p>
<h2 id="5.aim%E3%81%AE%E5%8B%95%E3%81%8D%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%81%A6%E8%85%B0%E3%81%AE%E7%A7%BB%E5%8B%95%E3%82%92%E8%A8%AD%E5%AE%9A" data-line="41" class="code-line">
<a class="header-anchor-link" href="#5.aim%E3%81%AE%E5%8B%95%E3%81%8D%E3%81%AB%E5%90%88%E3%82%8F%E3%81%9B%E3%81%A6%E8%85%B0%E3%81%AE%E7%A7%BB%E5%8B%95%E3%82%92%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 5.Aimの動きに合わせて腰の移動を設定</h2>
<p data-line="42" class="code-line">より自然な動きにするため腰の移動も入れてみました。<br>
上を向いたときは腰を前に、下を向いたときは腰を後ろに、左右も同じような感じに若干動かしています。動きは再生されている待機モーションに加算させたいので動く分の値を計算して足しています。</p>
<ul data-line="44" class="code-line">
<li data-line="44" class="code-line">headのaimコントローラーをコピーしてデフォルト位置を保持するコントローラーを作成</li>
<li data-line="45" class="code-line">２つのコントローラーのTranslationの差をSubtractノードで計算</li>
<li data-line="46" class="code-line">Multiplyノードで小さい値を掛けて、腰に渡す移動値を調整</li>
<li data-line="47" class="code-line">腰のボーンのトランスフォームを取得、その値と計算した値をAddノードで加算</li>
<li data-line="48" class="code-line">加算した値を腰のボーンに設定<br>
<img src="https://storage.googleapis.com/zenn-user-upload/732b22f6e222-20250812.png" class="md-img" loading="lazy"><br>
※画像では見やすくするためTranslationYの計算を省いています。</li>
</ul>
<h2 id="6.%E8%B6%B3%E3%81%ABik%E3%82%92%E8%A8%AD%E5%AE%9A" data-line="52" class="code-line">
<a class="header-anchor-link" href="#6.%E8%B6%B3%E3%81%ABik%E3%82%92%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 6.足にIKを設定</h2>
<p data-line="53" class="code-line">腰を動かすと足が動いてしまうのでIKを設定して固定しています。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/1e9473afcd2e-20250812.png" class="md-img" loading="lazy"></p>
<h2 id="7.%E8%85%95%E3%81%AE%E5%8B%95%E3%81%8D%E3%82%92%E8%A3%9C%E6%AD%A3" data-line="56" class="code-line">
<a class="header-anchor-link" href="#7.%E8%85%95%E3%81%AE%E5%8B%95%E3%81%8D%E3%82%92%E8%A3%9C%E6%AD%A3" aria-hidden="true"></a> 7.腕の動きを補正</h2>
<p data-line="57" class="code-line">上下を見たときの身体の動きに腕が追従して目立っていたので回転しないようにしました。</p>
<ul data-line="58" class="code-line">
<li data-line="58" class="code-line">右腕と左腕のボーンのTransformを記録しておくための変数を作成</li>
<li data-line="59" class="code-line">処理の最初の方でTransformを記録</li>
<li data-line="60" class="code-line">処理の最後の方で記録したTransformを使ってRotateを設定<br>
<img src="https://storage.googleapis.com/zenn-user-upload/08203cb91050-20250812.png" class="md-img" loading="lazy">
</li>
</ul>
<aside class="msg message"><span class="msg-symbol">!</span><div class="msg-content">
<p data-line="63" class="code-line">今回はそこまで目立たなかったので腕の回転を固定してしまいましたが、本来であれば上下左右ごとに若干動くような仕組みにした方が良いと思います。</p>
</div></aside>
<h2 id="%E3%81%BE%E3%81%A8%E3%82%81" data-line="66" class="code-line">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h2>
<p data-line="67" class="code-line">動きとしてはそれなりに自然なものが作れたと思いますが、プレイヤーを見ている感じが少し薄いと感じたので、実際はゲームに合わせてもっと作りこんでいく必要がありそうです。また今回紹介した実装方法以外に様々な作り方があるかと思いますので、参考としていただけたら幸いです。</p>


【UE5】コントロールリグでLookAtを作る

1.頭の向きを制御する仕組みの作成

3.体の向きが首と連動して動くように設定

4.部位ごとにコントローラーを向くタイミングを遅らせる

5.Aimの動きに合わせて腰の移動を設定

Discussion