シェーダでテクスチャフィルタリング
- 2018.12.15
- shader
Unityでは画像のフィルタリングをImport Settings→Filter Modeから変更できます。シェーダで特に何もしない場合は、この設定に従って色の補間が行われます。ただ、前回記事（水中の屈折）でフィルタ処理を行う必要がありました。そこで、フィルタリングを行うシェーダを作成してみました。 ポイントフィルタ ポイントフィルタはピクセルの色を決定する際に、色の合成を行うことなく一番近い […]
水中の屈折(shader)
- 2018.12.08
- shader
テクスチャの取得 描画されている画面をテクスチャで取得し、そのテクスチャを歪ませたのちに水面へ描画することで水中の屈折を表現します。そのためにシェーダ内で画面をテクスチャにしたものを取得する必要があります。以下のコードをサブシェーダ内に追加するだけでテクスチャを取得できます。 [crayon-673f2e10ee5b8225578206/] 次に、このテクスチャを表示するための座標を以下のコード […]
グリッドシェーダ
- 2018.11.18
- shader
グリッド状の線を表示するシェーダです。 shaderの作成 頂点座標を用いてグリッドの表示を行います。vertex shaderから頂点座標をそのままfragment shaderへ渡します(o.pos)。 [crayon-673f2e10eeabb215196780/] vertex shaderから渡された頂点座標を用いて、グリッドの描画を行います。ここでは、x方向のみを扱います。 [cra […]
法線マップをオブジェクト空間へ変換しシェーディング
- 2018.11.14
- shader
視差マッピングシェーダを作成する際に、反射光等の計算を行いました。このとき、法線マップは接空間のベクトルを示しているので、vertex shaderでライトベクトル等を接空間へ変換した後に、fragment Shaderで法線マップと変換したライトベクトル等で反射を計算しました。ここでふと、全てのベクトルをオブジェクト空間に変換して計算しても当然同じ結果が得られるはず、と考え新たにシェーダを作成 […]
Tessellationを用いた波紋の作成
- 2018.11.04
- shader
前回の記事で作成した波紋を用いて、テッセレーションによって分割された平面に波紋を発生させてみました。テッセレーションの詳細に関しては参考サイトに書かれていますので、ここでは割愛いたします。また、平面を揺らしただけでは様子が分かり難いので、下記アセットを利用してワイヤーフレームで表示しました。 UCLA Wireframe Shader shader 前回記事の波紋を表示するためのshaderを […]
波動方程式を用いた波紋の作成(2019/11/09修正)
Shaderで波動方程式を用いて波紋をシミュレートしてみました。 波動方程式 波動方程式は以下の通りです。 $$ \frac{1}{s^2}\frac{\partial ^2u}{\partial t^2}=\frac{\partial ^2u}{\partial x^2}+\frac{\partial ^2u}{\partial y^2} $$ 離散化した波動方程式 上記の方程式のままではs […]
平面の鏡面反射
ReflectionProbeを使用する方法 Create→3DObject→Planeより、鏡面用の平面を作成します。新しくMaterialを作成します。このMaterialのShaderをStandardへ、MetallicとSmoothnessを1へ変更します。そして、このMaterialを平面へアタッチします。 新しく空のゲームオブジェクトを作成し、AddComponentからRefle […]
Textureを合成するShader
- 2018.10.08
- shader
Textureを任意の位置に好きな大きさで合成することができるShaderです。 図の青色が元のTexture、赤色が合成するTextureです。 外積と内積を使用する方法 ・Textureを合成する領域かの判別 外積と内積を用いて点Qが合成する赤色の領域（点Pを中心とした大きさ2hの四角形abcd）にあるかどうかを判別します。 \(\vec{ab}\)と\(\vec{aQ}\)の外積\(\ve […]
端が直線にならないHPゲージの作り方(Shader)
前回の記事では、両端の形状を維持したまま動くゲージをImageのMaskやFilledを用いて作成しました。このゲージをShaderを用いて作成しました。 Shader 作成したShaderは以下の通りです。Imageのカラー変更とImageTypeのFilledは正しく動作するようです。 [crayon-673f2e10efc92091041861/] Script 適当なゲームオブジェク […]
端が直線にならないHPゲージの作り方
ゲージをImageのFilledを用いて作成すると、端が直線になってしまいます。そこで、ゲージの形を維持したまま、動かす方法がないかと考え、以下の方法を思いつきました。 ※端が直線にならないHPゲージの作り方(Shader)はこちら Maskを使用した方法 その1 Create→UI→ImageからCanvesに背景用Image、Mask用Imageとゲージ用Imageを作成します。 ゲージ用 […]