第5回ぷちコン映像編振り返りログ

# はじめに

ぷちコン映像編、５回目の開催おめでとうございます。

https://historia.co.jp/ue5petitcon-mv5

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/fc6ce1a1-c262-9a23-6d09-8012eb68ed6e.png)
この度はアート賞という栄えある賞をいただき、ありがとうございます。
<iframe width="560" height="315" src="https://www.youtube.com/embed/XR3a9V1LJLU?si=1HHV6FdhWGzOyYY7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

本記事は上の動画の制作振り返り記事になります。

バージョン　UE5.2
他使用ソフト　
・Casucadure
・Vroid

## マップ

#### マップ自体の構造
![スクリーンショット 2024-02-10 201747.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/8593919b-bd67-84ec-36d3-82217dd1f7d1.png)

マップは実はキャラがキャンバス内からでてくるという関係上、物理的にキャラがそこにいる必要がありました。
↑実際のマップ
（最初はCapture 2Dとかで作ろうと思ってましたがキャラの関係で断念）
のでちょっと前に配布されたCreating Portal To Another Realityというアセットを使っています。

https://www.unrealengine.com/marketplace/en-US/product/portal-another-reality

アセットはポータル内外でマテリアルに透過度のマスクをかけるマテリアルとBPが入っています。
このポータルをキャンバスのサイズに設置することでポータルの外は美術館のマップが表示され、ポータルの中は絵画の中の世界が表示されるようになっていました。
バックの植物はQuixelから調達してきたもので、建物はいつぞやの月無料アセット、ポールとガーデンチェアセットはフリーモデルです。

#### ポストプロセス
実は絵画内とキャラクターにのみ油絵調にするポストプロセスをかけていました。~~まあカメラを固定にしていたので輝く瞬間はなかったのですが…~~
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/f9866155-9cde-038f-d40d-700cfab0604f.png)
↑ちゃんと現実世界に出てきたキャラのみにポスプロがかかっています
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/d06391f4-0004-19b2-51e8-7be65da3a7a1.png)
カスタム深度だけでいけるかな～と思ったらいけなかったのでカスタムステンシルで３段階に分けています。
ポストプロセスはこんな感じ
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/8200f44d-85c2-a249-bd77-0e98eded62c1.png)
なんかIfで頑張って混ぜてた記憶があります。

### 実はごまかしだらけだった出現ギミック

キャンバスが床に置かれていて空中に浮いているという関係上どうしても避けて通れなかった問題があります。
「キャラクター、どうやって消そう…！！！！！」
そう、キャンバス内にいるときはキャンバス内いない見えないでほしいしキャンバス外に出た部分は見えててほしい。しかし駆け寄ってくる段階でキャンバスの後ろの壁を貫通すると見えてしまう…
~~これほど壁かけにしなかったのを反省した瞬間はありません。己のエモに従った結果がこれだ~~
最初はキャンバスと同じ角度・位置で透明度０のマテリアルをつけた板をカスタムステンシル用で用意しそれでマスクするつもりでした。しかし何故かうまくいかず…なんですかねバグなんですかね。
結果的に深度でマスクをかけてごまかすことになりました。

※カスタムステンシルがTranslucentに適用されない現象についてはマテリアルで「AllowCustomDepthWritesにチェックをつける」「OpacityがOpacity Mask Clip Valueを上回っている」を行えばきちんと描画されることが判明しました（2024/3/14追記）

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/dde04f06-9691-dad9-d6cd-b597a059c1c0.png)

カメラが固定になった原因はほぼこれです。カメラを固定にしてカメラ位置からちょうどキャンバスで深度がいい感じになるように調整しています。特に映像技法とか意識したわけではなくこういう悲しい事情でした。もっと時間に余裕をもって作業に取り掛かろう！（いつも言ってる）


## アニメーション
### Cascadure
アニメーションはすべてCasucadureで制作しました。
歩く速度の調整とかしたくなかったので全部Rootアニメーションでキャラごと動かしています。
キャラとMannyの身長差を考慮したつもりだったのですが案の定リターゲットしてみたらずれてました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/c1ff10bd-0cbc-505d-90b3-adc1ccd88ea7.png)
Casucadure自体締め切り当日（前日）に入れたのですが簡単にアニメーションが作れたのですげーとなりました。
あとUEのキャラがあるので簡単にインポートできるのがいい。おすすめです。インディーなら無料なので。
エクスポートもFBXでUEMannyスケルトンで出力されるのでインポートするときはUEMannyのスケルトンを指定すればOK。

### モデル関係
安心安全のVroidとVRM4Uを使用させていただいています。モデル作れない勢の味方。いつも大変お世話になっております。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/f5fa4c31-f05d-8cbd-eb73-ed308c3d2e32.png)
ありがたいことにIKリターゲットが自動で生成されるのでUEMannyからのリターゲットはめちゃめちゃ簡単です。

モデルはVroidのすでに入っている髪型と顔に購入した衣装を合わせています。

https://sasami0911.booth.pm/items/4370140

いい時代だ…。こんな素晴らしい衣装が300円で買えるなんて…。

帽子は帽子を置くシーンを作りたかったのですがどうしてもいい感じの女優帽がなかったのでBlenderで適当に作りました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/55645067-91a1-a710-7ae6-f2d97b8c752b.png)

よくやるのですが、レベル上のSKはソケットを指定して子にすることができるのでその方法でくっつけています。
ゲームでは使えませんがシーケンサーではお手軽にくっつけれるのでお勧めです。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/75f1d2e7-0e70-9398-3ff8-b13bd372f51a.png)



あとはすべてをシーケンサーにぶち込めば完成！！！！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2257391/f0c05c4d-4fa1-6b5d-c83e-3cf6bed23bcb.png)


## まとめ
こんな感じで肖像の脱走は完成しました。本当に普通のことしかやっていません。仕事と箱根駅伝で直前までまるで作業できていなかったので本当にRTAでした。Vroidを使う場合、いかにVroidくささを生かすか殺すかが大事なので桑原フィルターで全力で殺しに行っていました。
時間割的には
一日目：アセットの確認。キャンバスギミックの基礎構築
二日目：ポストプロセス関係の完成。マップ構築
三日目：アニメーション・シーケンサー詰め込み
という感じでした。RTAだったので新技術もなければ本当に今までの知識で殴ってました。せいぜいポスプロのカスタムステンシルで泣いたくらい。結果的にまるで２日間かけたポイントが生きてない。正直敗北感がすごい。（多分もっと時間をかけてカメラワークとかもっとこだわれたんじゃ…って思うけど自分にそんなセンスがあるとも思えないのでこれでよかったのかもしれない）

毎度ぷちコンのたびに言ってる気がしますが、RTAは体にもクオリティもよくないのでほどほどにしましょう！僕は次の日の出勤マジグロッキーでした。

ではまた2/16のぷちコンで。ここまでお読みいただきありがとうございました。