f:id:kaneta1011:20190831142630p:plain — サムネ用

はじめに

毎月やっている月毎に制作したシェーダーの紹介第7回目です。

今月はShadertoyでシェーダーを書きませんでしたが、最近触り始めたUnityのさらにHDRPで色々やっていたので紹介します！

新幹線でライブコーディング

会社の出張で大阪に向かった時にライブコーディングをやりました。

大阪行きの新幹線で作ったやつです🤔https://t.co/ADhKI0sNHV #glsl #raymarching pic.twitter.com/aiNThvsuPJ
— かねた (@kanetaaaaa) July 27, 2019

以前Shadertoyでトンネルを二つ組み合わせた面白い表現を見たので、ボリュームライトと組み合わせてライブコーディングでやってみました。

Unity HDRP

土日はHDRPで遊ぶぞ(インドア)
— かねた (@kanetaaaaa) August 2, 2019

8月上旬から中旬はずっとこれをやっていました。

凄い人が作ったであろうHDRPを実際に触って改造してみることで色々な知見を得られるのではないかという作戦で進めました。

実際に今まで知らなかった手法やテクニックがたくさん使われており大変勉強になっております！

HDRPのキャッチアップ

まず手始めにHDRPを改造できる環境を整えました。

以下にその時のメモが残っています。

nanka.hateblo.jp

また改造の練習にHDRPにレンダリングパスを追加してアウトラインを描画するということもやりました。

nanka.hateblo.jp

HDRPレンダリングパス追加の練習でアウトラインパスを追加した（Render Graphが来たら使えなくなるであろうテク🤔） pic.twitter.com/RCZPAoVvBf
— かねた (@kanetaaaaa) August 3, 2019

レイマーチング

HDRPでレイマーチングをするというのが今月の目標でした。

HDRPの改造方法も大体わかってきたのでこの辺りから詩作を始めました。

角ばった球と無限にスムースな球🤔 pic.twitter.com/008ttMo6GK
— かねた (@kanetaaaaa) August 4, 2019

レンダリングパスを追加できるようにしておく等入念に準備していましたが、意外とHDRP側の修正は少なく済みました。

Reflection Probeを焼くときにHDRP側を弄ってDBufferとGBufferの描画順を入れ替えないとデプスプリパスが入る関係で描画がおかしくなるのでカスタマイズ以外の回避方法がわからない
— かねた (@kanetaaaaa) August 4, 2019

この辺りからはHDRPの素敵なライティングでスクショを取るのが楽しすぎて、作業よりもスクショを取ってる時間の方が長かったです。

こっちのほうがかっこいい pic.twitter.com/Ce0HtoOork
— かねた (@kanetaaaaa) August 5, 2019

リファクタによって熱そうなメンガーとカラーバリエーションを表現できるようになった🤔
そろそろ忘れないうちに情報をまとめたい... pic.twitter.com/c4bRIJOKyD
— かねた (@kanetaaaaa) August 6, 2019

スクショ撮るのが楽しくて作業が進まない🤔
（SDF AOを追加） pic.twitter.com/BL7wob7olS
— かねた (@kanetaaaaa) August 7, 2019

メンガーを縦に引き伸ばして遊んでいたらよさげな絵が取れた pic.twitter.com/rs2CNWdd3j
— かねた (@kanetaaaaa) August 8, 2019

そして完成したものがこちらです。

Unity HDRP + Raymarchingのプロジェクト公開しました！
興味があれば動かしてみてください！！https://t.co/hcBJKSWzC9

コードの整理ができたらブログに情報を残します#unity3d #raymarching pic.twitter.com/6Jc0HeeOAB
— かねた (@kanetaaaaa) August 11, 2019

この時に得た知見等はこちらの記事で解説しています。（まだ途中だけど...）

nanka.hateblo.jp