Shader
はじめに www.youtube.com 上記のやり方でShaderGraphでポストエフェクトを作成する際のα値についてのメモです 環境は Unity 2021.3.25f1です Universal Render Pipeline を使用しています。 α値を変更すると明るさも変わる? ノードの実装は下記記事から見…
はじめに 前回 bravememo.hatenablog.com 今回は虹色に光らすシェーダーを作成していきます。 環境は Unity 2021.3.25f1です Universal Render Pipeline を使用しています。 ノード作成 今回は色相を変化させて虹色を表現させます。Hueノードを使用すること…
はじめに 今回はShaderGraphでUVを斜めにさせていきます。 環境は Unity 2021.3.25f1です Universal Render Pipeline を使用しています ノード作成 ノードの全体図です bravememo.hatenablog.com 上記記事と同じように中心から画像を歪ますためにUVに0.5減算…
はじめに 今回はShaderGraphで画像を拡大縮小させていきます。 環境は Unity 2021.3.25f1です 今回の記事を活用したもの bravememo.hatenablog.com ノード作成 ノードの全体像です 基本的にはUVに対して乗算してくだけですがUVにそのまま乗算しても中心から…
はじめに はじめに 環境 使用したツールなど エフェクト リソース その他 制作で意識したところ 何が起きているかわかるような演出にする どこを見てもSF要素を感じとれるものにする 見てて気持ちの良い演出にする 技術的な部分のあれこれ UI全般の表現 衝撃…
はじめに 今回はShaderGraphでテクスチャシートを使用できるようにします 環境は Unity 2020.3.25f1 Universal Render Pipeline(テンプレートのプロジェクトです) Unlit Shader Graph を使用しています。 ノード作成 下記テクスチャを使用します テクスチャ…
はじめに エフェクトで使うテクスチャを作成する際の容量を削減する方法として複数のテクスチャを1枚のテクスチャにまとめることがあります 今回は1枚テクスチャにまとめる作業をMixtureを使用してやってみます 環境は Unity 2020.3.25f1 Universal Render…
はじめに 前回 bravememo.hatenablog.com 前回は_CameraOpaqueTextureに半透明オブジェクトを表示して背景を歪ませましたが、それだと既存の_CameraOpaqueTextureが使用できなくなります。 なので今回はURPでShaderGraphで使用できる背景テクスチャCameraTra…
はじめに 今回はURPで_CameraOpaqueTexture(SceneColor)で半透明を描画出来るようにしていきたいと思います 環境は Unity 2020.3.25f1(2019.4でも出来ることは確認しました) Universal Render Pipeline(テンプレートのプロジェクトです) 前準備 CameraOpaque…
はじめに エフェクト作成の際テクスチャの容量節約する方法としてテクスチャを4分の1にカットする方法があります。 それをShaderGraphで使用できるShaderを作成していきます。 参考 yomikakimanabu.net cgworld.jp 環境は Unity 2019.3.0f3 Universal Render…
はじめに 今回はブルームに頼らず画像を発光してるような感じにするシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 テクスチャにSmoothStep…
はじめに Unity 2020.2でShaderGraphに大きな変更があったので自分が理解できる範囲でまとめていきたいと思います 環境は Unity 2020.2.0b8(ベータ版なのでこれから変更される可能性がありますがご了承ください) Universal Render Pipeline(テンプレートのプ…
はじめに 今回はKeywordsを使用してシェーダーバリアントを作成していきます。 シェーダーバリアントについてはこの方に記事が参考になります qiita.com 環境は Unity 2019.4.1f1 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を…
はじめに 今回は画像をグレースケールにしていきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 コードはこんな感じです Gray = Color.x * 0.3f + Color.y * 0.6f + …
はじめに 今回はコントラストを変更していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 Contrastノードを使用することでコントラストを変更することが出来ます 1…
はじめに 今回は彩度を変更させるシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 Saturationノードを使用することで彩度を変更できます 値…
はじめに 今回はShaderGraphでSFでありそうなディゾルブシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ノイズ部分です オブジェクトの高さ…
はじめに 今回はSFにありそうなノイズシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ノイズ部分です UVにPosterizeノードを使用してそれを…
はじめに 今回は色相を変更するシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 Hueノードで色相を変更できます Hueノードは現在の色相から…
はじめに 今回は放射状ブラー(ラジアルブラー)を作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 放射状ブラー部分です ブラーはCustom functionノードを…
はじめに モデル作成 テクスチャ作成 シェーダ作成 マテリアル作成 パーティクル作成 完成 はじめに 10万円給付の力でエフェクト講座始めました~#エフェクト講座 pic.twitter.com/d2EeUl2zX6— 武0武/ (@zenkai1127) 2020年6月29日 エフェクト講座の課題でガ…
はじめに 今回はShaderGraphを活用して炎の衝撃波を作成します 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 テクスチャ作成 今回は炎のテクスチャを Filter Forgeで作成します 以下…
はじめに 今回はUnlitGraphでディゾルブシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ここで重要なのはディゾルブする部分をLrepノードで…
はじめに ここにもある通りShaderGraphのGradientはプロパティ化出来ないため、グラデーションをマテリアルからいじれないので不便です。 WHERE is the exposed Gradient node property in Shadergraph - Unity Forum なので何か対策方法がないか調べてみま…
はじめに Sampler StateノードはSample Texture 2DノードのInputで指定できるが誰も使用している人を見かけなかったので少し挙動について調べてみました。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph …
はじめに ShaderGraphでLoadingっぽいアイコンを作っていきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 アイコン作成 最初にRectangleノードで4つの細長い矩形を…
はじめに 今回は虹色に光らすシェーダーを作成していきます。 前回 bravememo.hatenablog.com 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 Gradientノードで虹色のグラデ…
はじめに 今回はカメラに近づくにつれて透明になるシェーダー を作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ノードの全体図です カメラとの距離はCa…
はじめに 前回よりもさらに簡易的に出来るやり方を見つけたので紹介していきます。 前回 bravememo.hatenablog.com 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 今回はDi…
はじめに 今回は画像の向きを反転させるシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ノード完成図 今回は2つのパターン紹介します 下記…