![見出し画像](https://assets.st-note.com/production/uploads/images/23295337/rectangle_large_type_2_3be7f10c3c58018e3da20878a13bcb34.png?width=800)
VRChat Constraintコンポーネントによる武器の収納/所持切り替え・両手持ち方法
2023/03/24追記
以外の記事はVRCSDK3実装前の環境に基づいて記載されているため、アニメーションの導入方法が現在のFxレイヤーを利用する環境とは異なっています。
現在、VRCSDK3対応・より安定した両手持ちシステムの導入方法について執筆中です。今しばらくお待ち下さい…。
はじめまして。Helio_ICNMY(ヘリオ・一之宮)といいます。
VRソーシャルゲーム「VRChat」でアバターに武器を持たせて遊んでいる者です。
今回は、Unity 2018で利用できるコンポーネント「parent constraint」と「aim constraint」を利用し、一つの武器モデルを背負い/所持位置に移動させるシステム、および武器の両手持ちシステムを作成したので備忘録代わりにnoteを執筆しました。
初めてのnote執筆なので至らない点もあると思いますがご了承ください。
〇更新履歴
2020/04/18 初版
2020/04/19 内容追加:4.2/片刃武器用のaim consetaint設定
2020/05/20 内容追加:Unityの表示系の設定について
内容追加:Aim constraintをIs activeしてもオブジェクトが動かない時
誤字修正
〇両手持ちって具体的にどういうこと?
以下のリンクをご覧ください。
#VRChat
— ヘリオ・一之宮 (@Helio_ICNMY) April 18, 2020
Unity及びconstraintとのけんかの末、両手持ちシステムを導入で来たので自作の大鎌を振り回してみた。
・自然な腕の位置で両手持ちポーズがとれる。
・槍系の武器で突き技がしやすくなる。
・両手持ち状態だと手振れしにくい。
等、写真撮影・動画撮影でかなり使えると思う。 pic.twitter.com/PJP0qcAt8d
動画の0:13あたりで、鎌の柄が両方の手に追従して動いているのがわかるでしょうか。このように、まるで両方の手でつかんでいるかのように1本の道具を動かすことができるようになります。
〇両手持ちすることのメリットは?
今度は次のツイートをご覧ください。
写真撮影での利点を動画で表してみた。
— ヘリオ・一之宮 (@Helio_ICNMY) April 18, 2020
前半は従来の片手持ち。後半が両手持ち。
両手持ちシステムを入れることで、楽に自然なポーズをとることができます。
(注:片手持ちでの難点を分かりやすくするため、あえてオーバーリアクションをしてます) pic.twitter.com/GaZPy9UPlR
従来の片手持ち状態だと片手だけで武器の向き・位置を調整しないといけないので、どうしても無理な体勢になったりもう片方の手が離れたりします。しかし、両手持ちシステムを入れることで楽に、自然なポーズをとることができます。
*ここからは、以下の作業についての知識を持っているという前提説明します。
・Unityでアバターをアップロードする
・アニメーションオーバーライドで武器を表示/非表示できる。
〇どうやって収納/所持切り替え・両手持ちをするの?
それでは、本編に入ります。
設定はすべてUnityで行います。
1. 武器の持ち方を決める。
2. 「武器の中心点」を設定する。
3. 武器を収納/所持する位置を調整する。
4. Constraintコンポーネントを導入する。
4.1 Parent constraintによる武器の持ち替え設定
4.2 Aim constraint による両手持ち設定
5. アニメーションの設定をする。
今回の説明では下図右のアバターに左の棒を装備させる、という想定で説明します。
![モデル](https://assets.st-note.com/production/uploads/images/23282157/picture_pc_d19fba34e1345f5c980a17e971a1b58c.png?width=800)
1. 武器の持ち方を決める。
「持ち方ってなんだよ両手に決まってるだろ」と思われるかもしれませんが、今回説明する両手持ちシステムでは右手と左手で武器の追従のしかたが異なるため、unityでいじる前に事前に決めておく必要があります。具体的に追従の仕方がどう違うのか、例として本稿の最初に乗せた動画を使用すると・・・。
右手:武器の向きは追従しているが、手を柄と平行に伸ばしても武器の位置は動かない。
左手:手と柄がくっついているように、手を動かすと武器の向き・位置が動く
一言でいうと、「右手は添えるだけ」「左手はしっかり柄を握っている」という違いがあります。
よって、自分の使用する武器について、左右どちらの手で持ち、どちらの手を添えるのかをあらかじめ決めておかなければいけません。
また、しっかり握る方の手で「武器のどこを握るのか」を決める必要もあります。この、武器の握る場所のことを、本稿では「武器の中心点」と呼ぶことにします。
まとめると、ここで決めるのは以下の項目です。
・右手、左手の役目:どっちの手で握り、どっちの手を添える?
・武器を支える中心点:武器のどこを握る?
今回の説明では右手を添える手、左手を握る手とします。
2. 武器の中心点を設定する。
持ち方が決まったところで、実際に武器モデルへ武器の中心点を設定します。
ーーーーーーーーーーーーーーーーーーーー
5/20追記:Unityの表示系の設定について
武器の中心点を設定する際、Unityの座標表示系をいじる必要があります。
といっても、難しいことではありません。
![画像36](https://assets.st-note.com/production/uploads/images/26247057/picture_pc_80728db288bb1e12f8e80fd4af413ceb.png)
上の図で赤く囲ったところが[Pivot]となっていることを確認してください。
もし[center]となっていたならば、クリックすることで[Pivot]に変更することができます。
ここが[center]のままだと、武器の中心点座標をうまく決めることができません。
ー追記終わり
ーーーーーーーーーーーーーーーーーーーー
それでは、中心点の設定に移ります。
![棒pivot 作成](https://assets.st-note.com/production/uploads/images/23284675/picture_pc_f83299eda84708a0a5876f3a4c9fc640.png)
まず、ヒエラルキーの中に空のgame object(上図:bou pivot)を作成します。このオブジェクトの位置が、武器の中心点となるように設定します。ここからの説明では上記game objectをそのままbou pivotと呼びます。
![棒pivot 位置調整](https://assets.st-note.com/production/uploads/images/23284776/picture_pc_9c52c75c9f2db09dbff255d2511492ba.png)
続いて、作成したbou pivotを先ほど設定した武器の中心点へ移動させます。
![棒pivot 親子逆転](https://assets.st-note.com/production/uploads/images/23284886/picture_pc_297dc3b64d8963807aa5c28b8a605800.png)
その後、武器モデルをbou pivotの子に入れます。これで武器の中心点がbou pivotの位置になりました。
3. 武器を収納/所持する位置を調整する。
続いて、実際にアバターが武器を持つ場所を調整します。今回は以下のように武器をアバターに持たせます。
・右手で片手持ちさせる
・両手持ち(握る手は左)
・背中に武器を収納する。
まず、右手の設定をします。
![右手位置調整](https://assets.st-note.com/production/uploads/images/23286210/picture_pc_32bb29a06a53cca9ea9b6a33a288d623.png?width=800)
武器モデルを入れたgame objectを移動させ、右手の持つ位置に合わせます。この時、子の武器モデルだけを移動・回転させて動かさないようにしましょう。せっかく調整した武器の中心点がずれてしまいます。
![右手首ボーンへin](https://assets.st-note.com/production/uploads/images/23286367/picture_pc_13a3b55c69a980dc71bba75be2d478ff.png)
続いて右手のボーンの子に武器の中心点ごとモデルを移動させます。通常の武器モデル設定と同様です。
![右手首ボーン内構造](https://assets.st-note.com/production/uploads/images/23286439/picture_pc_599067d4766d151c895ae7ce8a78d9a3.png)
右手のボーンの子に2つ、空のgame objectを作成します。用途を区別するために「bou right grip」と「bou right aim」と名付けます。
・bou right grip:片手持ちの時の位置決めに使用
・bou rigut aim:両手持ち時にaim constraitで武器を向かせるポイント
![右手 grip object調整1](https://assets.st-note.com/production/uploads/images/23287211/picture_pc_0a9ec7d53ab662d424a3cf3ce4cca58b.png)
続いて、bou right grip オブジェクトをbou pivotの子に入れます。
![右手 grip object調整2](https://assets.st-note.com/production/uploads/images/23287417/picture_pc_af1831a9dae55f498b62786e1cbd845e.png)
bou right gripのtransformを上図のように設定し、bou right gripとbou pivotの位置を一致させます。
![右手 grip object調整3](https://assets.st-note.com/production/uploads/images/23287547/picture_pc_bc1c0cbe9cacee302a1f6dc1b6c08940.png)
位置調整が終わったらbou right gripをbou pivotの外(右手首ボーンの子)に戻します。これで右手片手持ち時の位置を調整できました。
![右手 aim object調整1](https://assets.st-note.com/production/uploads/images/23287660/picture_pc_ae3acfd5e34f7e23c1cbe09810b5dd20.png?width=800)
続いて、bou right aimを右手の掌のあたりに移動させます。両手持ちをさせたときに武器の柄が通る位置になるので、アバターごとに調整してください。
以上で右手の設定は完了です。
続いて左手の設定をします。
![左手首ボーンへin](https://assets.st-note.com/production/uploads/images/23288625/picture_pc_df894ee4aeecb2abdf7ff762cbada818.png)
![左手位置調整](https://assets.st-note.com/production/uploads/images/23288350/picture_pc_662a6894d87b3e2c0d63d7b001dbb178.png?width=800)
右手の時と同様、bou pivotを左手首ボーンの子に入れ、武器の位置を調整します。このとき、bou pivot(武器の中心点)と左手の位置を揃えるようにします。
![左手 grip object調整1](https://assets.st-note.com/production/uploads/images/23288639/picture_pc_2010108ce5788b6c646061ac13ada007.png)
そして、右手首の時と同様に左手首ボーンの子に空のgame objectを作成します。今回は握る位置の設定のみ必要なのでbou left gripの1つのみです。
以降、右手のbou right gripの時と同様に位置調整をします。
![腰 grip object調整](https://assets.st-note.com/production/uploads/images/23288919/picture_pc_445e9200fc567782ccbf1cba846580c6.png)
最後に腰(今回はspineボーン)のボーンでも同様にgame objectを入れ、武器モデルの位置調整を行います。
以上で、武器の位置調整は完了です。
4. Constraintコンポーネントを導入する。
ここからが鬼門のConstraintとの戦争です。
以下の作業では、順番を間違えるとうまく動かないことがあります。
そのため、自分の手でいじりながら動作確認をしてください。
![棒 アバター直下](https://assets.st-note.com/production/uploads/images/23289633/picture_pc_503539c3d952b941dd4a8f74fa49e40c.png)
まず、bou pivotごと武器モデルをアバター直下(Armatureと同じ階層)に移動させます。
![棒 コンポーネント入れ](https://assets.st-note.com/production/uploads/images/23289782/picture_pc_3e6de29cb9f7f6713c9303cc7b371812.png)
続いて、bou pivotに二つのコンポーネント「Parent Constraint」と 「Aim Constraint」を導入します。ここからはこの2つのコンポーネントをいじっていきます。
4.1 Parent constraintによる武器の持ち替え設定
まず、Parent Constraintをいじり、武器の持ち替え設定をします。
![parent ソース増やし](https://assets.st-note.com/production/uploads/images/23290104/picture_pc_5a4d4f541b5e5889562d64c205ecc93d.png)
Parent Constraintの下段にある+ボタンを押し、sourcesの段を増やします。この段数が持ち替える位置の数になります。
![parent grip導入1](https://assets.st-note.com/production/uploads/images/23290330/picture_pc_8f861b218c71de9689be897b81523e5d.png)
増やしたsourcesの中に、先程までに作成したgripオブジェクトを入れます。
![parent grip導入2](https://assets.st-note.com/production/uploads/images/23290682/picture_pc_fc39e3183c4e1fddeb98823dbdfbe02e.png)
続いて、sourcesの右側にある数値をすべて0にしコンポーネント内上段にある「Zero」を押します。
![parent grip導入3](https://assets.st-note.com/production/uploads/images/23290877/picture_pc_e67dd6a2e78c4bbfcdc511ed28579a17.png?width=800)
武器が変なところに移動しますが気にする必要はありません。
コンポーネント上段のIs activeにチェックがついていることを確認してください。
これで、位置調整の設定は完了です。
以下、sourcesの右側の数値を0,1で変化させて、武器の位置が変化することを確認してください。
・spine gripの数値を1にしたとき:腰追従
![parent grip導入 spine確認](https://assets.st-note.com/production/uploads/images/23290984/picture_pc_ac984ad3dd3286e5972a1926b2110721.png?width=800)
・right gripの数値を1にしたとき:右手追従
![parent grip導入 right確認](https://assets.st-note.com/production/uploads/images/23291307/picture_pc_f48e40cb7e0c47f0eb914885cf0211f7.png?width=800)
・left gripの数値を1にしたとき:左手追従
![parent grip導入 left確認](https://assets.st-note.com/production/uploads/images/23291333/picture_pc_b6e08e379f17ed63d42cf79fc1826def.png?width=800)
4.2 Aim constraint による両手持ち設定
続いて、Aim constraintをいじり両手持ちの設定をします。
事前にParent constraitの値をいじり、左手持ち状態にさせてください。
![aim 導入1](https://assets.st-note.com/production/uploads/images/23291386/picture_pc_7c860b74fc4f126bb3e40b5609bfb960.png)
まず、Aim constraint内のsourcesの段を1つにします。
![aim 導入2](https://assets.st-note.com/production/uploads/images/23291837/picture_pc_9087f71719d2fd503ee829738075d6d3.png)
続いて、bou right aimをsource内に入れ、右の数値を0にします。
![aim 導入3](https://assets.st-note.com/production/uploads/images/23291901/picture_pc_d88d0ce39f242404a53d0cef19898999.png?width=800)
続いて、Aim constrait上段の「Activate」を押します(parent constraintの時とは違う!)
上手のように武器アバターがright aim の方を向いたら成功です。
*失敗例
![aim 導入3-1 失敗1](https://assets.st-note.com/production/uploads/images/23292116/picture_pc_44619af25d3e5c0aaa33f9eec543a8d6.png?width=800)
武器があらぬ方向を向いてしまいました。
原因としては以下が考えられます。
・武器モデルが入ったgame object(bou pivot)の向きがおかしい
→一度武器モデルを階層から外してrotationをいじる
・Aim constraintの設定がおかしい
→ctrl+zで戻り再度設定をやり直す。
上記を試してみてください。
ーーーーーーーーーーーーーーーーーーーー
5/20 追記:Aim constraintをIs activeしてもオブジェクトが動かない時
私のUnity環境で起きたことなのですが、一度Unityを再生状態(上部中央の再生マークが押された状態)を挟むとAim constraintが働かなくなることがあります。すなわち、(アバターをアップロードする時も再生状態になるため)アバターをそのまま更新し直すとAim constraintが働かないままアップロードしてしまいます。
対処法としては、Aim constraintを一度削除してからもう一度Add componentすることで復活します。
・・・ただ、新たに設定しなおすのは面倒ですよね。
そこで、Copy componentを使って一度設定したAim constraintを削除→即addすることで手間を省くことができます。
やり方としては、
1.Aim constraintコンポーネントの右上にある歯車マークをクリックし、プルダウンメニューからCopy Componentを選ぶ。
![画像37](https://assets.st-note.com/production/uploads/images/26248720/picture_pc_81ad80dd1e8f8fab0443cdbad4c4520a.png?width=800)
2. もう一度歯車マークをクリックし、今度はRemove Componentを選ぶ。
(これでAim constraintが一覧から削除されます。)
![画像38](https://assets.st-note.com/production/uploads/images/26248896/picture_pc_a3bad4a233878c47d32272b4f1578f31.png?width=800)
3. 別のコンポーネント(隣のParent Componentや最上段のTransformなどなど…)の歯車マークをクリックし、Paste Component As Newを選ぶ。
![画像39](https://assets.st-note.com/production/uploads/images/26249114/picture_pc_1a7d4353e898fa4eeec9105d89cf75fd.png?width=800)
これで、先ほど設定したaim constraintが復活します。
もしこれを行った後にaim constraintをIs Activeにしても動かなかった場合は、他に設定ミスがないか確認してください(正直これ以上は私の経験外なので、よいアドバイスが思いつきません・・・)ー追記終わり
ーーーーーーーーーーーーーーーーーーーー
4/19 追記:片刃武器用のaim constraint設定
![画像34](https://assets.st-note.com/production/uploads/images/23336034/picture_pc_df93f60cdc593db4edc072af25f5d96c.png)
Aim constraint/Constraint setting/Freeze Rotation Axesのチェックボックスをいじることで、武器の回転方向の追従設定を変えることができます。
これにより、片刃武器の刃方向だけ左手に追従させたまま柄を右手に追従させる、なんてことも可能になります。
(武器モデルと武器の中心点用game objectの向き関係によってはうまくいかないことがあります。この場合、2. 武器の中心点を設定する。から調整する必要があります。)
![aim freeze 調整指針](https://assets.st-note.com/production/uploads/images/23337723/picture_pc_61d543aafb0efa02e6e93e40e84e484c.png?width=800)
上図のように、中心点用のgame objectのrotationを0/0/0にしたときに武器の柄がz軸正方向に伸びていることが条件と思われます。自分で設定する際に調整してみてください。ー追記終わり
ーーーーーーーーーーーーーーーーーーーー
5. アニメーションの設定をする。
最後に、ハンドアニメーションを設定します。
![アニメーション付け](https://assets.st-note.com/production/uploads/images/23292949/picture_pc_8b10919f0f4d0363c4adc4a4a2b9daa7.png?width=800)
従来のアニメーションづくり同様、アバターを複製してアニメーションづくり用のアバターを用意します。
この時、parent constraint/sourcesの値をいじり、腰追従にしてください。
![アニメーション付け2](https://assets.st-note.com/production/uploads/images/23293228/picture_pc_aa8d1ba2b66808ce772a5dd7f269833e.png)
2つのアニメーション(右手で片手持ち/両手持ち)を作成し、アニメーション用のアバターに導入します。
・片手持ちアニメーション
![アニメーション付け5](https://assets.st-note.com/production/uploads/images/23293408/picture_pc_7f155c11879b15477ef68d75a1bf9887.png?width=800)
アニメーション編集で赤丸を押し、Parent Constrait/sourcesの値を以下のようにいじります。
・spine grip:0
・right grip:1
通常のアニメーション設定と同様に1フレーム目にも同じ値を入れてください。
・両手持ちアニメーション
![アニメーション付け6](https://assets.st-note.com/production/uploads/images/23293879/picture_pc_fb6cc8a7e7097d1e827fd216e02166f8.png?width=800)
片手持ちの時と同様、赤丸を押してParent Constrait/sourcesの値をいじります。
・spine grip:0
・left grip:1
その後、Add propertyを押しbou pivot/aim constraintをIs activeにするアニメーションを追加します。
![アニメーションオーバーライド設定](https://assets.st-note.com/production/uploads/images/23294405/picture_pc_b12563a53e0c8679e6d419ade351becd.png)
最後に、今回作成した2つのアニメーションをハンドサイン内に仕込んで完成です。
別アバターでの両手持ちシステム再現成功。
— ヘリオ・一之宮 (@Helio_ICNMY) April 18, 2020
ちゃんと説明できそう。 pic.twitter.com/iBkXM3UK9i
アバターをアップロードし、VRChat内で確認しましょう。
武器の持つ位置がおかしかった場合は、spine grip/left grip/right gripの位置を調整してください。
〇終わりに
以上で解説を終了します。
今回のシステムを利用することで、長物やアサルトライフルの両手持ちを行うことができます。
もし質問等ございましたら、以下のtwitterへリプ・DMで連絡をお願いします。
ID:Helio_ICNMY
それでは、よきVRChat生活を!
〇参考文献
ちゃんと武器を背負ったり左右の手で持ち替えたりしてる人はParent Constraintの制御に切り替えたほうがめちゃくちゃ自然になるぞというあのアレ。
— ネ谷 (@higrashi) April 4, 2020
そうでなくてもParent Constraint制御にするとアバターに仕込む武器オブジェクトが1つだけで済むようになる。
設定方法は吊り下げでまとめます。 pic.twitter.com/R3U7Y5LzwR
AimとParent、2つのconstraintを使った両手持ちテスト pic.twitter.com/f6ylZZbveX
— クライゼン@VR_ITEM_WOAKSHOP (@claisen528) April 10, 2020
この記事が気に入ったらサポートをしてみませんか?