Unityで動的なアニメパース効果をつける

前回の記事でUE4のアニメパースマテリアルを作りましたが、
Unityでも、あれと同じような頂点シェーダを書けば実現できます。
こんな感じに。

	void anime_perspective(inout float4 v) {
	float3 cameradir = float3(-UNITY_MATRIX_V._m02, -UNITY_MATRIX_V._m12, -UNITY_MATRIX_V._m22); // カメラの方向ベクトル
	float3 viewdir = WorldSpaceViewDir(v); // 頂点からカメラへのベクトル
	float len = length(viewdir); // 頂点とカメラとの距離
	float maxv = 2; // アニメパースをかける最大距離
	len = clamp(len, 0.0, maxv) / maxv; // アニメパースをかける距離を0～1の範囲にする
	len = pow(1 - len, 4.0); // カメラとの距離の逆4乗となるようにする
	float factor = 1.25; // まぁいい感じの係数
	v.xyz += mul(_World2Object, (-cameradir) * len * factor + (viewdir-cameradir) * len * factor); // 頂点をずらす
	}
	// Vertex shaderでv.vertexをanime_perspectiveに渡す
	v2f vert( appdata_base v )
	{
	anime_perspective(v.vertex);
	// あと省略

view raw anime_perspective.cginc hosted with ❤ by GitHub

これを、Unityちゃんステージのシェーダーに埋め込んだのがこちら

Unityでもアニメパースシェーダーつくってみました。アニメパースシェーダーを有効にしてるのが左、無効にしてるのが右です。 #unity3d pic.twitter.com/dRyjHKvP0g

— tatsunoru (@tatsunoru) 2015, 11月 29

UE4で動的なアニメパース効果をつける

@MuRo_CGさんのこのツイートを見て

Unityでもアニメパース表現は作れそうだね。 #unity3d pic.twitter.com/u7scPmtUJu

— MuRo (@MuRo_CG) 2015, 11月 13

UE4でもボーンの変形が可能なので、同じことができそうだなぁ。
と思い、自分でも試してみることに。

----

静的なシーンなら簡単にできそうでしたが
完全に同じだとチャレンジ性が薄いので、動的に実現することを目標にしました。

AnimBPの各ボーンにカメラが近づいたら大きくする仕組みを入れていきました…
が、指とかボーンがありすぎて面倒すぎて途中で挫折！

そもそも、剣とかボーンが無いものはどうするの？問題も発生。

発送を変えて、別の方法を考えてみることに。

-----

で、思いついたのがこちら。

#UE4 でアニメパースマテリアル作ってみた。カメラが近づくほど、カメラ方向と拡大方向に、モデルの頂点をワールドポジションオフセットでずらすことで実現してます。 pic.twitter.com/YecwArxwLl

— tatsunoru (@tatsunoru) 2015, 11月 24

#UE4 でアニメパースマテリアルの動画版です。カメラが近づくと、近づいた部分の頂点が距離の二乗に反比例して、カメラ方向 + カメラを中心とした画面の外側方向へオフセットされていってます。 pic.twitter.com/87LeANAA6v

— tatsunoru (@tatsunoru) 2015, 11月 25

マテリアルはこんな感じです。
http://blueprintue.com/blueprint/ime36fb8/
   

これをマテリアル関数として保存して、アニメパースかけたいモデルのマテリアルすべてに追加して、出力をワールドポジションオフセットにつなげます。

たくさんあるマテリアルに仕込んでいかないといけないので、
これはこれで面倒なんですよね。

ポストエフェクトなどでできないかも考えてます。

Unity版はこちら。Unity版のシェーダーサンプルコードにはコメントつけてます。
http://dofilabs.blogspot.jp/2015/11/unity.html

UE4でFur表現を試してみました

これは「シェル法」、つまりはポリゴンを層のように重ねて、毛を表現しています。
SimpleGrassWindで毛先を揺らしてます。

UnityだとPassがあるので、シェーダー一個書いて
それを割り当てるだけで、簡単に全身毛だらけにできるのですが
UE4のマテリアルだとPassが無いので、メッシュコーポネントをBPで複製しまくって
ダイナミックパラメータで層の位置を指定して描画してます。

今回のは力技実装なので、結構重いです。

あと、毛を長くしたり、
キャラの動き、平行移動や回転に合わせて毛先を揺らすのが
できなくはないですが難しいです。

THETA Sで東京 秋葉原を撮影

THETA Sで、東京秋葉原を撮影しました。
Feiyu Tech の Feiyu FY-G3 Ultra 3軸 手持ち撮影用ジンバル + 延長棒を使用してます。

スタビライザーと延長棒を使用しているおかげで
かなり揺れが低減されています。

電動スタビライザーは、一年ぐらい前だと
日本のAmazonでは5万円ぐらいと、かなり上乗せされていたんで
Surehobbyで三万ぐらいで購入したんですが、
今探してみると、値段が結構適正な感じになってるみたいです。



ただ、THETAは360度撮っているので
動画撮ってる時のTHETAの姿勢が取得できれば
スタビライザーに頼らずとも補正できるはずなので
標準でそのうちブレ補正機能が搭載れてもおかしくないかも。