はてなブックマーク

こんなステージで作っていきたいと思います。 完全なBaked Lightmap、リアルタイムライトは無し。 反射 ガラスに反射は必須なので Reflection Probe で反射を入れることになりますが、 よりガラスっぽく見せるためのコツがあります。 それは、反射素材に強烈な光源を入れる事です。 背面とのブレンド方法を乗算にする 赤いガラスを作ってみたいと思います。まず単純に Surface Shader の色を赤に変更すると。。。 全く変化がありません。 これは、部屋のライティングが理由です。 冒頭で述べましたが、この部屋は完全にライトマップ化されており、 リアルタイムライトが1つもありません。 Surface Shader はライトに影響するシェーダーなので、 ライトが無い = 真っ暗 となり、いくら色を変更したところで画に影響が出ないのです。 そこでポイントライトを1つ置いてみます

屋外のシーンを遠くまで作るのは大変です。 普通に作っていたらコスパが悪過ぎるので、 写真を板に貼り付ける「ビルボード」をよく利用します。 現地で撮影した写真を切り抜き Quadに貼り付けてスケールを調整するだけ。コスパ良過ぎます。 しかし、よく見るとやたらボケていませんか？ テクスチャは２Ｋもあるのに、全く繊細さがありません。 これでは、折角の情報量満載の写真素材が台無しなので、何とかします。 Mip Map とは 簡単に言えば、遠くに位置するオブジェクトのテクスチャ解像度を下げて、 レンダリングコストを最適化する・・・的な機能です。 基本的にはいい奴ですが、こいつのせいで折角の高解像度テクスチャがぼけてしまうのです。 Unityではデフォルトで Mip Map が生成されるように設定されています。 かと言ってこのオプションを切ると、 画はシャープになりますが、少しカメラが動いただけでジリ

水面やワイングラスなどを作る時、 透明シェーダを当ててリフレクションプローブで反射を出しますよね。 しかし、それだけでは全くそれらしく見えません。 厚みのないガラス窓ならそれで十分ですが、厚みを感じさせたい場合は 屈折表現を入れる事でグッとクオリティがアップします。 背景の画を取得する ゲームエンジンにおける屈折は、プリレンダーのレイトレースのように、 まともに計算をして表現するものではありません。 背景の画をオフセットさせることで、屈折しているかのように見せるのです。 Unity のシェーダーではオブジェクトの背景の画を、テクスチャとして簡単に取得することができます。 SubShader { Tags { "Queue"      = "Transparent" "RenderType" = "Transparent" } GrabPass {} CGPROGRAM sampler2D

今回は、よく使うＵＶや頂点カラーなどの頂点情報をどのように設定するのかを説明したいと思います。 ＵＶ モデルのＵＶ１とＵＶ２を使用するシェーダーコードです。 appdata ＵＶを取得するときは以下のようにします。 struct appdata { float4 vertex : POSITION;    // お決まり float2 coord1 : TEXCOORD0; float2 coord2 : TEXCOORD1; }; 変数名である coord1 と coord2 は、何でもかまいません。 （uv1 uv2 にすると後で混乱しそうなので、敢えてこうしました。） そして、ＵＶ１を取得するためのセマンティクスは、TEXCOORD0、 ＵＶ２のセマンティクスは、TEXCOORD1 です。 v2f appdata で使用を宣言した、頂点座標（vertex）、ＵＶ１（coord1）、Ｕ

CGコンテンツ制作の積木製作です。建築系のCG制作、VRコンテンツ制作の2本柱で事業を拡大中です。今後は今まで培ってきた技術を生かしてジャンルにとらわれない作品を制作していく予定です。

弊社はＶＲで建物を作ることがよくあります。 特に屋内の場合はリアルな影や陰影を表現するために、 リアルタイムＧＩではなくライトマップのベイクが不可欠です。 しかし、ライトマップというモノは「そこがどれだけ明るいか」という情報しかなく、 ベイク後はリアルタイムライトが効かなくなってしまうので、 質感の肝である「鏡面反射」を表現することができずに、のっぺりとした画になりがちです。 （Directional Specular がなくなってしまいました。Unity4の時は重宝したものです。） それをカバーするために、Reflectiopn Probe を配置するのですが、何か物足りません。 やはり、リアルタイムライトのシャープなスペキュラーが欲しいところです。 ライトを追加すればいいじゃん スペキュラーを出したいのなら、新たにライトを追加すれば良いのでは？ そうです、ライトが無いと何も始まりません

◆ アルファ ガラスのような、透明だけどそこにあるモノ。（透明で反射が出る） 幽霊のような、存在が希薄なモノ。（透明で反射が出ない） 半透明の表現ができる。 ◆ アルファテスト 植物の葉のような、完全に無い部分をくり抜きたいモノ。 ジオメトリで表現するのが大変なのでテクスチャでくり抜く。 半透明の表現はなく、そこに有るか無いか。（くり抜かれた部分に反射は出ない） アルファテスト 以下が基本的なアルファテストのシェーダーコードになります。 だいたいの意味は前回の記事を参照すれば分かると思います。 不透明シェーダーとの記述の違いを見ていきましょう。 閾値用のプロパティ _Cutoff ("Cutoff", Range(0, 1)) = 0.5 Propaties のところに、_Cutoff という変数があります。 これは、テクスチャのアルファチャンネルに描かれた0～255の快調の中の、 どこを

白黒のハイトテクスチャを当てるだけで、 頂点を変異させて簡単にモリモリしてくれるディスプレイス。便利ですよね。 自然系のコンテンツを作る時はよく使います。 ただし、如何にハイトテクスチャが細かくても、 元の頂点数が少なければ良い感じにモリモリできません。 そこで効果的なのがテッセレーションです。 テッセレーションとは DirextX 11 の機能で、 つまりは、シェーダー側でいい感じに頂点数を増やしてくれるので、 ディスプレイスと組み合わせるとクオリティの高いモリモリが実現できます。 ディスプレイスとテッセレーションの実装は非常に簡単です。 なぜなら、UnityStandardAssets の中にディスプレイスメントシェーダーがあるからです。 有るものは有り難く利用しましょう。 シェーダーコードをコピペ 以下が StandardAssets のディスプレイスメントシェーダーのコードです。

今回はもう一つの記述形式である Vertex/Fragment Shader について解説していきます。 字が多めなので頑張って下さい。 Unityにおける Surface Shader と Vertex/Fragment Shader の大まかな使い分けは、 ライトの影響を受けるモノには Surface Shader で、受けないモノには Vertex/Fragment Shader です。 が、勘違いしてはいけません。「Surface Shader > Vertex/Fragment Shader」ではなく、 むしろシェーダーの基本は Vertex/Fragment の方です。（以降 V/F Shader と書きます） V/F Shader でもライトやリフレクションプローブの影響を与えることは可能です。 と言うより、Unityの内部的に Surface Shader は全て V/F

今まで数回にわたって基本的なシェーダーコードの解説を書いてきましたが、 １つ１つの要素をバラバラに解説されても掴みどころが分からない、なんて事もあると思います。 なので今回はもう少し実践的にやってみたいと思います。 実践編第１弾は「滝を作ってみる」です。 過去の案件で森＆滝を作った事があるので、これを解説していきます。 今回は滝のシェーダーをどのように作っていったか、 順番に積み上げて見ていった方が分かりやすいと思うので、 完成版のシェーダーコードは最後に載せます。 モデルの用意 シェーダーコードを見る前に、まずは滝のモデルを用意します。 3DCGで髪の毛を作る時の常套手段で、短冊状のモデルを重ねるバナナリーフと呼ばれる手法です。 【モデルダウンロード】 シェーダー作成 とりあえず さて、ではどのように滝を表現すれば良いでしょうか？ とりあえずは透明シェーダーで、上から下に水流っぽいテクス

積木製作の北村です。プレイヤーが線をなぞる操作を作る場合、皆さんはどのようなアプローチで実装しますか […]

コンテンツを作る上でシェーダーを自作できると表現の幅がかなり広がります。 Unity には ShaderLab という初心者でも比較的簡単に記述できる仕組みが用意されていて、 ゴリゴリの Cg/HLSL を理解せずともシェーダーを作ることができます。 本ブログ では社内メモも兼ねて、初めての方にもできるだけ解りやすく、 見ていて疲れないように、決まり文句や難しい部分はさっさとおまじないで済ませつつ、 シェーダーチュートリアルを書いていこうと思います。（…自分が解ってないだけ） シェーダーの新規作成 Unity のシェーダーにはいくつか種類がありますが、 本ブログでは「サーフェースシェーダー」と「頂点・フラグメントシェーダー」について書いていきます。 ◆ サーフェースシェーダー ライトやシャドウの影響を受けるシェーダー。 Standard Surface Shader で作成します。 Uni