Shader

【Unity】ShaderGraphで画像をグレースケールにする

はじめに 今回は画像をグレースケールにしていきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 コードはこんな感じです Gray = Color.x * 0.3f + Color.y * 0.6f + …

【Unity】ShaderGraphでコントラストを変更する

はじめに 今回はコントラストを変更していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 Contrastノードを使用することでコントラストを変更することが出来ます 1…

【Unity】ShaderGraphで彩度を変更する

はじめに 今回は彩度を変更させるシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 Saturationノードを使用することで彩度を変更できます 値…

【Unity】ShaderGraphでSFでありそうなディゾルブシェーダーを作成する

はじめに 今回はShaderGraphでSFでありそうなディゾルブシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ノイズ部分です オブジェクトの高さ…

【Unity】ShaderGraphでSFにありそうなノイズを作成する

はじめに 今回はSFにありそうなノイズシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ノイズ部分です UVにPosterizeノードを使用してそれを…

【Unity】ShaderGraphで色相を変更する

はじめに 今回は色相を変更するシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 Hueノードで色相を変更できます Hueノードは現在の色相から…

【Unity】ShaderGraphで放射状ブラーを作成する

はじめに 今回は放射状ブラー(ラジアルブラー)を作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 放射状ブラー部分です ブラーはCustom functionノードを…

【Unity】ガードエフェクトを作成する

はじめに モデル作成 テクスチャ作成 シェーダ作成 マテリアル作成 パーティクル作成 完成 はじめに 10万円給付の力でエフェクト講座始めました~#エフェクト講座 pic.twitter.com/d2EeUl2zX6— 武0武/ (@zenkai1127) 2020年6月29日 エフェクト講座の課題でガ…

【Unity】ShaderGraphを活用して炎の衝撃波を作成する

はじめに 今回はShaderGraphを活用して炎の衝撃波を作成します 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 テクスチャ作成 今回は炎のテクスチャを Filter Forgeで作成します 以下…

【Unity】UnlitGraphでディゾルブシェーダーを作成する

はじめに 今回はUnlitGraphでディゾルブシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ここで重要なのはディゾルブする部分をLrepノードで…

【Unity】ShadergraphでGradientがプロパティ化できないので対策案を探してみた

はじめに ここにもある通りShaderGraphのGradientはプロパティ化出来ないため、グラデーションをマテリアルからいじれないので不便です。 https://forum.unity.com/threads/where-is-the-exposed-gradient-node-property-in-shadergraph.822975/ なので何か…

【Unity】ShaderGraphのSampler Stateノードについて調べてみた

はじめに Sampler StateノードはSample Texture 2DノードのInputで指定できるが誰も使用している人を見かけなかったので少し挙動について調べてみました。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph …

【Unity】ShaderGraphでLoadingっぽいアイコンを作る

はじめに ShaderGraphでLoadingっぽいアイコンを作っていきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 アイコン作成 最初にRectangleノードで4つの細長い矩形を…

【Unity】ShaderGraphで虹色に光らすシェーダーを作成する その2

はじめに 今回は虹色に光らすシェーダーを作成していきます。 前回 bravememo.hatenablog.com 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 Gradientノードで虹色のグラデ…

【Unity】ShaderGraphでカメラに近づくにつれて透明になるシェーダーを作成する

はじめに 今回はカメラに近づくにつれて透明になるシェーダー を作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ノードの全体図です カメラとの距離はCa…

【Unity】ShaderGraphでディザリングして透明っぽいものを作成する その2

はじめに 前回よりもさらに簡易的に出来るやり方を見つけたので紹介していきます。 前回 bravememo.hatenablog.com 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 今回はDi…

【Unity】ShaderGraphでノイズをかけるシェーダーを作成する

はじめに 今回は画像の向きを反転させるシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 ノード完成図 今回は2つのパターン紹介します 下記…

【Unity】ShaderGraphで画像をぼかすシェーダーを作成する

はじめに 今回は画像をぼかすシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 画像の処理はほぼCustom functionノードに任せています。 brav…

【Unity】ShaderGraphでCustom functionを使用して自作ノードを作成する

はじめに 今回はCustom functionを使用して自作ノードを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 Custom functionでノードを自作するメリット Custom functio…

【Unity】ShaderGraphで色収差っぽいシェーダーを作成する

はじめに 今回は色収差シェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 この方の記事を参考にノード作成をしました。 light11.hatenadiary.c…

【Unity】ShaderGraphでディザリングして透明っぽいものを作成する

はじめに 今回はディザリングして透明っぽいものを作成していきます ディザリングとは 特定の法則で不透明オブジェクトに穴をあけて半透明に見せる手法です。 参考URL light11.hatenadiary.com 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレ…

1週間ゲームジャム お題「逆」に参加しました。

1週間ゲームジャム お題「逆」に参加しました。 成果 こんな感じのゲームを制作しました。 内容としては左右逆の画像を当てるシンプルなゲームです 作成したゲームはこちら unityroom.com 今回初めての参加でしたがある程度じぶんのやりたいことが出来たので…

【Unity】ShaderGraphで画像の向きを反転させるシェーダーを作成する

はじめに 今回は画像の向きを反転させるシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 UVノードのXとYに対してOne Minusノードを繋ぎ向き…

【Unity】ShaderGraphで画像のエッジを検出する

はじめに 今回は画像のエッジを検出するシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 ノード作成 こちらの記事を参考にさせていただきました。 qiita…

【Unity】ShaderGraphでソフトパーティクルシェーダーを作成する

はじめに 今回は不透明オブジェクトとの境目が曖昧になるソフトパーティクルシェーダーを作成していきます。 環境は Unity 2019.3.0f3 Universal Render Pipeline(テンプレートのプロジェクトです) UnlitGraph を使用しています。 初期設定 Masterノードを以…

【Unity】ShaderGraphで円形グラデーションを作る

バージョン バージョン Unity 2019.3.0f3 シェーダーグラフはUnlit Graphで作成します。 円形グラデーション作成 Polar CoordinatesノードからYを抽出しそれをRemapノードで-0.5から0.5を0~1の間に値を変換します。 あとは変換した値をSampleGradentノード…

【Unity】ShaderGraphで虹色に光らすShaderを作成する

はじめに バージョン Unity 2019.3.0f3 Universal Render Pipeline使用 こんな感じの虹色に光るshaderを作成していきます。 シェーダーグラフはUnlit Graphで作成します。 枠線の作成 2つの矩形をRectangleノードで作成してそれを減算して枠線を作成します。…

【Unity】 SubGraphを使用してShaderGraphで自作ノード(UVスクロールノード)を作成する

はじめに 使用バージョン Unity 2019.3.0f3 ShaderGraphでよく使うのノードの組み合わせを毎回作成するのが面倒くさいので自作ノードを作成してそれを使いまわせるようにしていきます。 今回はみんな大好きなUVスクロールノードを作成します。 必要なノード…