Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事では、手書きアニメでよく見られる画面に一瞬激しい効果がかかる演出風の演出をUnityで実装するための方法を解説します。 実際に動かしてみた動画 ↓ 環境 Unity 2022.3.12f1 Universal Render Pipeline 14.0.9 ShaderGraph 14.0.9 方針 Universal Render Pipeline(以降URP）でのポストエフェクトの実装方法は様々ありますが、今回はおそらく現状最もカジュアルに実装可能である FullscreenPassRendererFeature を
はじめに 今回はURPで_CameraOpaqueTexture(SceneColor)で半透明を描画出来るようにしていきたいと思います 環境は Unity 2020.3.25f1(2019.4でも出来ることは確認しました) Universal Render Pipeline(テンプレートのプロジェクトです) 前準備 CameraOpaqueTextureにチェックを入れてCameraOpaqueTextureを使用できる状態にします 追記 2022.2では_CameraOpaqueTexture項目はなくなっています。代わりにScene Color Node を使用してシェーダーを作成してください _CameraOpaqueTextureが半透明を描画できるのを確認できるように歪みシェーダーを用意します この記事の内容が知りたい人はおそらく歪みシェーダーの作成方法は知っているはずなので詳
Spineオブジェクトは？ SpineオブジェクトはUnityで言うところのMeshRendererで描画されています。 (spine-unity内のSkeletonRenderer.csが該当のソースです) つまりMeshRendererのMask処理を書くことが出来れば、Maskすることが出来ます。 (自分はなんでこの身体の位置にしちゃったんだろう？） Mask処理について 要はRendererをMaskすれば良いのですが、 SpriteRendererすらMaskする処理はUnityには無いようです。 なので、簡単に自作する事にしました。 Shaderで実装 簡単なのはやはりステンシルテストを使うことですね。 すごく簡単に説明しますと、ステンシルとは型抜きという意味で ピクセル描画を行う際にこの点を打つか打たないかを判定するテストになります。 これを利用します。 Spine側に適用す
半透明と不透明の接触を扱う方法 設定から「General > Depth Texture」にチェックを入れて、Zバッファを取得する。 Depthバッファとオブジェクトとの距離の差を取る。 球のオブジェクトの深度と不透明の深度に差がないので黒くなる。 引用：エフェクト作成のために知っておきたいShader Graphの話 - Unity道場2019 8月 引用：エフェクト作成のために知っておきたいShader Graphの話 - Unity道場2019 8月 引用：エフェクト作成のために知っておきたいShader Graphの話 - Unity道場2019 8月 ◇ShaderGraph ◇出力結果 ◇参考動画
以前からUnityのShaderGraphをもっと使いこなせるようになりたいという事と、もう少し物理ベースシェーダーに詳しくなりたいという思いがあり、ならば既に存在するPBRシェーダーをShaderGraphで再現してみれば勉強になるのでは？と考えました。英語のドキュメントを翻訳すると大体内容が理解できるという事に近い発想です。 今回は最も仕組みがシンプルだと思われる、LightweightRenderPipeline/Litを再現してみました。 まずは結果から 長い記事になりますので、最初に結果からお見せします。 左がオリジナルのLWRP/Lit、右がShaderGraphで再現したものです。MetallicとSmoothnessの変化にも対応できました。いろいろと制約はあるものの、そこそこ忠実に作れたのではないかと思います。 オリジナルとの大きな違いとして、現在ShaderGraphで
unity2021.1.9f1 ピカピカ光るドット絵が好きだ。 なぜって、かっこいいから。 「光る」は全男子の憧れなのだよ。（異論は認める） そして、unityにはその機能が備わっている。 ドット絵を簡単にピカピカ光らせる機能が備わっている。 その名は「 Shader シェーダー Graph グラフ 」 ノーコーディングでシェーダーをカスタマイズできるURPの目玉機能の一つである。 あなたもドット絵を光らせたいだろうか？ 答えがYESなら、このまま読み進めてほしい。 もう、いやって言うほど輝かせてしんぜよう。 前提条件 ドット絵を光らせるには以下の事前準備が必要だ。 2つある。 1⃣自身のプロジェクトにURPのインストールと2Dレンダラーの適用が済んでいる。 2⃣シーンのヒエラルキーに「Global Volume」があり、「Bloom」がオンになっている。 1⃣が済んでない場合はこのエント
※ これは 2023/10/19 時点の Unity 2023.1.17f1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回で Unity の Roslyn を利用し MemoryPack 用の属性記述を自動生成してみた しかし、UnityEditor で実行するとシリアライズエラーになってしまったので、生成されたコード記述を確認してみたい スポンサードリンク 続きを読む ※ これは 2023/10/05 時点の Unity 2023.1.16f1 の情報です 最新版では動作が異なる可能性がありますのでご注意ください 前回で Unity の Roslyn を利用したコード生成をやりやすくしたので、今度は MemoryPack 用の属性記述を自動生成してみたい コード生成先のプロジェクトは下記のような手順で MemoryPack のパッケージ設定をしておく スポン
Hey! This post is a detailed introduction to using Shader Graph - a node based shader editor for Unity that is provided for the Scriptable Render Pipelines (SRPs), including the Universal Render Pipeline (URP) and High Definition Render Pipeline (HDRP). We’ll be going over how to use the tool and it’s features, not necessarily how to create shaders using it. I have other tutorial breakdowns that g
Amplify Shader Editorにループテクスチャを馴染ませるProcedural Sample というノードが実装されたので試してみました。 Amplify Shader Editorとは ノードベースでシェーダー作成ができるツールです。 unityが無料で提供しているシェーダーグラフがあるのに対し80ドル（税別）とお高めですが仕事で使わせてもらって以来気に入って家でも使っています。 年に数回あるセールを狙えば半額ぐらいまで安くなる可能性はあります。 情報がまだまだ少ないので何かあれば書いていきたいです。 公式Twitterの投稿 Get rid of texture tiling with the new #AmplifyShaderEditor lightweight Procedural Stochastic Sample Shader Function node for
neotenyDesign ★ 暫定シェーダー置き場 ★ DeadLinkが多すぎたので中身うろ覚えだけど覚えてる限り載せておきます。 基本的にノンサポートです。Twitterで聞かれても回答出来るか分かりません。自己責任でご使用下さい。 公開しているShaderは基本的に全て MIT License での提供になります。 同梱のノーマルマップやグラデーション、リフレクションプローブ等も自由にお使いください。 ただし、Unitychanに関する素材のみUCLに準拠します。 VRCや各種メタバース及び自作ゲーム(プロアマ問わず)、販売アバターへの使用はご自由にして頂いて構いませんが、 シェーダー単体もしくはシェーダーそのものが主体となる形での販売はやめてください。 使用に際し連絡等は不要です。 以下、タイトルクリックでダウンロードできます。 (TwitterのURLは大体死んでる(死んでない
URP + 2DRenderer にすると _OpaqueueTexutre が利用できない（設定しても画像が設定されない）ため旧来の GrabPass を使用したレンダリング結果に対して効果をつけることが直接はできませんでした。旧来、対処法として RenderTexture を使用した実装などで少し工夫が必要でしたが、最近は _CameraSortingLayerTexture という変数によって _OpaqueueTexutre のようなことができるようなり、これを使用して画面にモザイクやブラーをかけることが可能になりました。 今回は、URP + 2DRenderer + ShaderGraph で画面にモザイクやブラーをかけてみたいと思います。 実装後のイメージは以下の通りです。ちなみにシャドーキャスターやスポットライトにも効果がかかっています。 確認環境 Unity 2021.2.
はじめに 星型多角形（N芒星）を描くための極方程式についての解説。 応用例は【Shader Graph】星型多角形（N芒星）を描くを参照。 描画結果 Desmosを使って描画した 解説 極座標における正多角形の公式は以下のように表せる（参考文献 [1] [2]）。 ：動径 ：角度 ：凸型の頂点の数 ：何個の頂点を経て辺が同一直線上に並ぶかを決定する値 ：剛性。では他のパラメータに関係なく円、では直線を含む多角形、の中間値では円と多角形の中間的な図形が得られる。 星型多角形を描くために の場合の式を導出する。 式(1) に を代入すると、 となり、 より となる。 さらに を代入すると、以下の式(2)が得られる。 式(2) を用いることで、N芒星（）を描くことができる。 式(2) は参考文献 [3] に示されている星型多角形の式を極方程式の形で表したものと等しい。 また、 の値を変化させる（
テクスチャをスタイリッシュに切り替えるシェーダーグラフです。 作り方解説 STEP1 波紋を作る 距離にPosterizeをかけて波紋を作ります。 STEP2 波紋を動かす 距離に数値を足すと波紋が動きます。 STEP3 テクスチャを混ぜる(完成) 距離<0.0の部分にテクスチャ1、距離>1.0の部分にテクスチャ2を表示させます。 波紋を動かすと以下のようになります。
以下のような集中線の作り方を解説します ロゴに集中線エフェクトを加える、などといった使い方が考えられます。 作り方解説 STEP1 : ギザギザを作る x座標でノイズを生成し、y座標と足し合わせます。 下のほうが濃く、上のほうが色が薄いギザギザができました。 STEP2 : 下の部分を黒っぽくする y座標にRemapを適用します。 ギザギザの下の部分が若干黒くなりました。 STEP3 : 明暗のコントラストを補正 Smoothstepノードを使い、明暗の強弱をつけます。 ギザギザの下の部分が若干黒くなりました。 STEP4 : 極座標変換 UV座標ノードを極座標ノードに差し替え、 xの代わりに極座標のθ、 yの代わりに極座標のrを使うようにノードを繋ぎます。 内側から外側へ伸びるトゲトゲになりました。 STEP1~STEP3ではx座標で生成したノイズにy座標を加算することで、上に伸びるトゲ
以下のような、炎の玉っぽいエフェクトを作成する方法を解説します。 作り方解説 STEP1 : 中心からの距離をとる STEP2 : ノイズを距離で割る STEP3 : ノイズをスクロールさせる STEP4 : 炎っぽくする Divide, Power, Sample Gradientを組み合わせて炎っぽい見た目にします。 STEP5: モザイクエフェクトをかける(完成) UVにPosterizeをかけ、UVを24段階にします ドット絵風の炎の玉の完成です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く