第６回UE4勉強会in大阪の資料です。

1. 豆知識的な技術共有
これ使って神ゲー作ってください

2. 自己紹介
• 名前:平良 祐希
• 仕事:ゲームプログラマー3年目
• SNS:Twitter
• UE4歴:去年3月くらいから触ってます。
最近は少しご無沙汰気味。まだまだ初心者(の心を忘れない)
• 好き:VR・音ゲー・格ゲー・falcom・ゲーム開発・声優
• その他:第3回で喋りました
UE4でVR入門

3. 最近やってること

4. 注意
今回共有する方法が全てではない(と思う)ので「こっちのほうが
処理負荷かからないorきれいにできるんだけど？」な事案がある
かもしれませんが温かい目で見守っていてください。
また、スライドが後半になれば後半になるほど、不親切なスライ
ドになっているかもしれません。何かあれば発表後の質疑応答
（時間があれば）もしくは懇親会でお話しましょう。
(2週間で用意したから許して下さい！)

5. 目次
• Render Target(Begin Draw Canvas to Render Target)
• Inverse Transform Location
• SplineMesh

6. RenderTarget
RenderTargetとは
UE4以外でテクスチャを作る場合、一般的にはPhotoshopやGIMP、
Substanceなどを使用する必要があります。
UE4にテクスチャ作成機能があると便利なときがあります。その
ときにRenderTargetを使ったりします。

7. 右クリックメニューのマテリアル・テクスチャから描画ターゲットを選択す
ると、作成できます。

8. RenderTarget
今回紹介するのはこんな使い方

9. 何をどうしているのか

10. 作り方

11. まずは1枚真っ白なテクスチャを用意します。確認用なのでなくても構いません。

12. 雪の材質となるマテリアルを作成します。
作成したらマテリアルの設定を変更します。

13. マテリアルの設定をします。テッセレーションの設定をしましょう。
D3D11TessellationModeをPNTriangles
CheckFreeDisplacementにチェック
MaxDisplacementを設定しましょう。

14. テッセレーション
テッセレーション (Tessellation) は、コンピュータグラフィックス
の画像演算手法の1つである。2次元画像上で3次元の複雑な立体
を表現するのために多数のポリゴン (polygon) が用いられるが、
テッセレーションはこのポリゴンメッシュをさらに分割して表現
することで、画像をより詳細かつ滑らかで現実感のあるものにす
る技術である。「テセレーション」とも表記される。(Wikipedia
引用)

16. 右クリック
メニューか
ら作成
生成されたノード
の右クリックメ
ニューから選択

17. こんな感じでマテリアルを組みましょう

18. RenderTargetに書き込むためのマテリアルを用意します。
テクスチャはこんな感じのテクスチャを用意

19. ちなみにこんな感じのテクスチャを用意したら足跡みたいなのも作れます。

20. マテリアルの設定はMaterialDomainをSurfaceに
BlendModeはTranslucent
ShadingModelはUnlitにしましょう。

21. こんな感じでマテリアルを組みましょう

22. 次にBPを作っていきます。StaticMeshActorを継承して作ります。

23. StaticMeshに、事前に用意した地面のモデル(ランドスケープで
作ってもOK)とMaterialsに先程作ったマテリアルを適用します。

24. この時、事前に用意したモデルの当たり判定が相当ひどいことになって
いる場合があります。今回はStaticMeshの設定で、地形と々当たり判定を
取るようにします。コリジョンのCollisionComplexityを
UseComplexCollisionAsSimpleに設定しましょう。

25. 微豆ポイント
ConstractionScriptでレベルデザインを容易に!
UE4にはConstractionScriptというものがあります。
わかりやすく言うとEditor上でなにか操作をするとその処理が走
ります。これを使うことでレベルデザインがより一層、やりやす
くなるので駆使していきましょう。

26. 今回は積雪量を調整します。
こんな感じで、積雪量を制御する処理をConstractionScriptに追加します。(押
下量のやつもかく

27. SnowOffsetはインスタンス編集可能にチェックします。

29. 次にRenderTargetを更新していく処理。
まずは初期化します。

30. RenderTargetを更新するためのUV位置を取得します。

32. SupportUVFromHitResultsをOnにしましょう。

33. RenderTargetを更新する処理です。

34. 完成！

35. ね？簡単でしょう？

36. いろいろやるとこんなのとか作れます。

37. InverseTransformLocation

38. こんな事ありませんか？
ミニマップを実装した！ミニマップのある地点をクリックorタッ
プor選択したらその場所に移動したい！
→マップの原点を0,0としてミニマップのここを0,0にして相対座標で・・・

39. めんどい

40. そこで活躍するのが
InverseTransformLocation

41. こんな感じで形は同じのサイズが違う２つのオブジェクトを用意します。
今回は左がメインマップ、右がミニマップとしましょう。

42. LineTraceであたったオブジェクトに対して判定を取ります。

43. ヒットした位置を両方のオブジェクトに関連付けるために、ヒットした位置(impact point)
を、逆行列でローカル座標にし、関連付けたいオブジェクトのTransformを掛けます。
この時逆行列の処理で役に立つのがinverseTransformLocationです。

45. 逆行列
ゲームでは位置、回転、拡縮は行列で管理されています。
位置行列、回転行列、拡縮行列を掛けて出来た行列がワールド変
換行列です。
このワールド変換行列に逆行列を掛けてやると、ローカル座標に
位置合わせをすることが出来ます。
詳しくはこちら

46. 逆行列のイメージとしてはこんな感じ

47. この処理で算出した位置にスフィアを出してみるとこんな感じになる

48. この処理で算出した位置にスフィアを出してみるとこんな感じになる

49. 実はブログに書いてます。
逆行列についての備忘録
http://oneday-memorandum.hateblo.jp/entry/2017/07/16/221225

50. SplineMesh

51. こんなことが出来ます

52. 作り方

53. 実はコンポーネントがあります。
BPを作ってコンポーネントを追加しましょう

54. メッシュを設定します。メッシュは何でもOK

55. ConstractionScriptでレベルデザインを容易に!
略！

56. Splinemeshの形を作ろう！
SetStartandEndというノードがあります。

57. Tangentって何？
SetStartandEndノードの場合は、StartTangentの場合はStartPosから
どっち方向へメッシュを伸ばすかのベクトル。
EndTangentの場合はEndPosからどっち方向へメッシュを伸ばすか。

58. 変数を作ります。Transform型とVector型をつくり
ましょう。

59. もっとレベルデザインを簡単に！
変数の詳細で、3Dウィジェットを表示にチェックを入れてみま
しょう！そうすると、見慣れないオブジェクトが出てきて、掴ん
で操作できるようになります！

61. BPを組んでいきます。まずは始点終点の決定

62. 次にTangentの設定。Tangentは向きなので、
向きを算出します。

63. 構造体はピンを分割することが出来ます。

64. こんな感じのConstractionScriptが出来たら観戦！

67. 似たような名前のSplineというのもなかな
かできるやつです。(調べてみてね！)

68. ご清聴ありがとうございました。