PROJECT」スペシャルコンテンツとして、私自身としては久しぶりにWebサイトを制作しました。全面的にWebGLを使用しています。光学迷彩3Dモデルをブラウザ上に表示し、マウスでくるくる回せるようにするサイトです。当社の企画ながら、そんなのわざわざ作る意味がわからなかったので(Sketchfabとかニコニ立体でいいじゃん)、せめて何らかのギミックをと、題材にあわせ光学迷彩の効果を加えました。開発にはいつものようにUnityを使用。光学迷彩は基本的には背景をレンダリングしたRenderTextureをシェーダで投影しているだけです。地のテクスチャとのブレンド具合で透過度を変化させます。透けるように見せても、迷彩本来の効果としては良いでしょうが絵的に面白くありません。そこで、視線と面の法線とのずれ(とハニカム模様テクスチャの明度)に応じて投影座標をずらすことでレンズ的な効果を出しました。モデルの形状を際立たせるため、法線が視線の向きと直交するほど、つまり輪郭に近いところほどハニカム模様が浮き出るようにしました。球に適用してみたところ。模様の浮き出し方がやや急だが、これくらいでないと実モデルで輪郭が出にくい。適当な背景素材がなく(スタジオからは2D画像しか提供されず書き割りになってしまう)、ディレクション含め改めてCG制作できるようなリソースもなかったため、空白よりましだろうと自前で背景をこしらえました。Unity標準機能のみでシンプルなオブジェクトを生成しています。密度や情報量の少なさ、言い換えると空白の多さは、全体を水墨画のようなトーンとすることで表現に転化します。なグリーンディスプレイ風の黒地にネオンカラーは、いまどき陳腐なのと、モデルが浮きすぎたりライティングがわざとらしくなりがちなため避けました。遠景のオブジェクトはSphereプリミティブ+Tree。Textにカメラ角度を与えてビルボード表示。シェーダを書き換えフォグ適用&歪み効果を加えた。滲んだ書のイメージ背景C:DiffuseテクスチャのみのCubeプリミティブをランダム生成。遠景として同じテクスチャを貼ったSphereで取り囲んだ(フォグでほとんど見えないが)。