キューブマッピング で鏡のような映り込みを表現

Transcript

1. キューブマッピング で鏡のような映り込みを表現 株式会社アカツキ　菱谷隼人
2. 自己紹介 菱谷隼人 (ヒシヤハヤト) 業務 　2018年度新卒入社 　新規3Dゲームのクライアントエンジニア 　主にグラフィックスとインゲームを担当 趣味 　筋トレ 　バイク 　ギター 　シェーダー
3. 3DCG グラフィックスについて 最近のコンピュータグラフィックスの世界ってすごいですよね 実写と区別がつかない，というか実写をある意味超えるような表現もできちゃいます 僕は，今もなお目まぐるしい進化を続けているCGの世界が大好きです！
4. リアルタイムCGの世界でよく使われる キューブマッピングを紹介します
5. キューブマッピングとは 環境マッピングの技法の1つ ※環境マッピング：3Dモデルの表面に周りの景色を映り込ませること 本来，正確に映り込みを表現するにはレイトレーシングするしかない ※レイトレーシング：とある点が映す色を光線追跡して導き出すこと レイトレーシングをリアルタイムで行い続けるのは高負荷で現実的ではないので キューブマッピングを利用する場面が多い
6. キューブマッピングとは あらかじめ用意されたテクスチャを，あたかも映り込んでいるかのようにマッピングする https://wiki.popcornfx.com/index.php?title=File:V2040_cubemap.gif
7. キューブマッピングの原理 ①3Dモデルの法線ベクトルを軸に，視線ベクトルの反射ベクトルを算出 ②該当のテクセルをキューブマップからサンプリングする https://ja.wikipedia.org/wiki/%E7%92%B0%E5%A2%83%E3%83%9E%E3%83%83%E3%83%94%E3%83%B3%E3% 82%B0#/media/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:Cube_mapped_reflection_example.jpg
8. キューブマッピングの実装例(Unity) UnityのShaderLabでは便利な関数が定義されているので，これを利用します reflect： 　第二引数を軸に第一引数の反射ベクトルを返す UNITY_SAMPLE_TEXCUBE： 　キューブマップのテクスチャと反射ベクトルから色を算出する
9. キューブマッピングの実装例(Unity) 実際にUnity上でレンダリングさせると…
10. キューブマッピングの実装例(Unity) 他のシェーディングと混ぜて利用しても面白いです
11. まとめ キューブマッピングは鏡のような映り込みを表現するシェーディング技法 ゲームのようなリアルタイムレンダリングの世界ではよく使われる シンプルな考え方ですが，得られる効果は大きい
12. まとめ 色々なシェーダーを描いてみたい，と思う方はこちら ▪Unityでシェーダー描いてみたい https://qiita.com/ShaderError/items/f349110679a9ec47cca9 ▪Unityでポストプロセス描いてみたい https://qiita.com/ShaderError/items/7213818bfde469a84f5a