Downloaded 18 times
![[UE4]自動テストでもっと楽したい！](https://cdn.slidesharecdn.com/ss_thumbnails/ue4automationtest-190527101956-thumbnail.jpg?width=640&height=640&fit=bounds)
モバイルアプリにおけるアーティストフレンドリーな水面表現戦略
- 1.
- 2.
- 3. 水面表現のメリット ● 比較的表現しやすい（綺麗な水なら） ● 比較的処理負荷を軽くできる ●その割に見栄えがする 水面表現のデメリット ● ちゃんと設計しないとシェーダが無限に増える ○ 海、川、浅瀬、沖、水たまり、池... はじめに
- 4. ● 水を観察する ● 光の行方を追う ●浅瀬用シェーダ ● アーティストフレンドリー? ● 水面表現戦略 目次
- 5. ● 水を観察する ● 光の行方を追う ●浅瀬用シェーダ ● アーティストフレンドリー? ● 水面表現戦略 目次
- 6.
- 7.
- 8.
- 9. 水を観察する 屈折する。 by ajay bhargavGUDURU https://www.pexels.com/photo/person-swimming-on-body-of-water-863988/
- 10.
- 11. ● 水を観察する ● 光の行方を追う ●浅瀬用シェーダ ● アーティストフレンドリー? ● 水面表現戦略 目次
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20. ● 水を観察する ● 光の行方を追う ●浅瀬用シェーダ ● アーティストフレンドリー? ● 水面表現戦略 目次
- 21.
- 22.
- 23.
- 24.
- 25.
- 26. ● Schlickの近似式を使う ● F0は法線方向から見た時の（入射角0度のときの）反射率 ○物質ごとに決まった値を持つ（水は0.02） ● ソースコード 浅瀬用シェーダ（Reflectionパス） フレネル反射 https://ja.wikipedia.org/wiki/%E3%83%95%E3%83%AC%E3%83%8D%E3%83%AB%E3%81%AE%E5%BC%8F
- 27.
- 28. ● 深さはテクスチャで定義 ● 深さに応じた色をテクスチャ定義 ●ソースコード 浅瀬用シェーダ（Refractionパス） 深いほど色をつける&不透明に
- 29.
- 30. ● ただのUVスクロール ● 水深が浅いところほど目立つようにしつつRGB値に加算 ●ソースコード 浅瀬用シェーダ（Refractionパス） コースティクス
- 31.
- 32. ● まずRefractionパスを乗算 ● 次にReflectionパスをアルファブレンド 浅瀬用シェーダ（Refractionパス+ Reflectionパス） ブレンド
- 33.
- 34.
- 35.
- 36. 浅瀬用シェーダ 補足と今後 ● このほかに頂点変形もできるようにしてある ● 屈折表現は処理が増えるのでとりあえず入れてない ○グラフィック設定でON/OFFできるようにして入れるかも ● キューブマップはHDRをLDRにエンコードして使えるようにしたい ○ HDRキューブマップを作るワークフローがあれば ● コースティクスちゃんとやりたい
- 37. ● 水を観察する ● 光の行方を追う ●浅瀬用シェーダ ● アーティストフレンドリー? ● 水面表現戦略 目次
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46. ● 水を観察する ● 光の行方を追う ●浅瀬用シェーダ ● アーティストフレンドリー? ● 水面表現戦略 目次
- 47. 水面表現戦略 方針 ● 処理負荷的に浅瀬用シェーダが必要ないものはもっと軽いものを使いたい ● でもできるだけシェーダは減らしたい 次の3種類にわけることにした 1.底の見えない深い海 2. ごく浅く波立たない水面（水たまり） 3. 上記以外 → 浅瀬用シェーダを使う
- 48.
- 49. 水面表現戦略 底の見えない深い海 ● 深さによる色の変化を考えなくていい（どこも深いから） ● コースティクスを考えなくていい（底が見えないから） ●屈折を考えなくていい（底が見えないから） ● さらに今回は反射もいらない ○ 目立つところに使わないからテクスチャで表現できればいいとのこと ● テクスチャ2枚のUVスクロールをするだけのシェーダを作成
- 50.
- 51. 水面表現戦略 ごく浅く波立たない水面（水たまり） ● 深さによる色の変化を考えなくていい（浅いから） ● コースティクスを考えなくていい（波立たないから） ●屈折を考えなくていい（浅くてそんなに目立たないから） ● 必要なのはキューブマップ反射 & 半透明描画 ● このくらいなら背景の汎用シェーダでできるのでそれを使う
- 52. ● 水の特徴を観察 ● 水の表現を論理的に分析 ●それをシェーダに落とし込む考え方を紹介 ● 水面表現全体の戦略を紹介 まとめ
- 53.