インテリアマッピングの作成検証をしてみました（interior mapping）｜G2 Studios株式会社
こんにちは！G2 Studios 3Dグループです。 今回はグループ内でインテリアマッピングの作成検証をしてみましたので簡単にご紹介します。 インテリアマッピングとは、板ポリなど平面に対して、奥行きのある描画を再現するアルゴリズムです。 ▼参考記事 2018年の『Marvel’s Spider-Man』などではすでに採用されている技術なので、それほど新しいものでもありません（2022年8月現在）。ビルの中の窓ガラスから奥に見える部屋の再現などでよく使われます。 以前はゲーム中のビルを作成する場合、ガラスの反射で中が見えないようにしたり、ブラインドやカーテンが閉じている様に描いたりなど、室内をハッキリ見せないような誤魔化しのテクニックで再現していました。それが、インテリアマッピングを採用することで、リアルで奥行きのある表現が低コストで実現可能となりました。 しかし、制作しているゲームの内容に
【Unity】ShadergraphでGradientがプロパティ化できないので対策案を探してみた - 武0武/blog
はじめに ここにもある通りShaderGraphのGradientはプロパティ化出来ないため、グラデーションをマテリアルからいじれないので不便です。 WHERE is the exposed Gradient node property in Shadergraph - Unity Forum なので何か対策方法がないか調べてみました 案1 複数のLerpを使用する トライトーンというものを使用します 参考 www.klab.com メリット ・ Colorノードを使用しているためCustom Dataで色情報の受け渡しが出来る。 ・ Colorを変更するだけなので調整が楽 デメリット ・複雑なグラデーションが出せない 案2 グラデーションテクスチャを使う グラデーションテクスチャは以下のエディタ拡張で作成できます。 Genボタン押してからグラデーションテクスチャを作成できるまで若干ラグあ
レーダースキャンしてるっぽいシェーダーを作りたかった（失敗） - JKになりたい
やりたいことができてないんだけど、未来への糧のために記録として残しておきます 今後は失敗の記録もしていく所存・・！ やりたかったこと 以前の記事で、遮蔽にキャラクターが隠れていても見えるようなレンダラを作成しました sakataharumi.hatenablog.jp ただ、上の記事の最後をみてもらうとわかるんですがOverrideしたマテリアルが微妙で、スキャンしてる感がありません・・。 そこで、スキャンしてる感があるシェーダーを作りたいな、と。 具体的には、「アウトラインが強調されて、アウトラインの中は適当な色で、ぐわんぐわんスキャンされてる感じ」をイメージしていました（語彙力がない） できたもの（失敗） youtu.be スキャンしてるっぽい表現には成功していますが「アウトラインの表示」がうまくいってません。 ちなみに、シンプルなテクスチャであればよい感じにアウトラインだけが表示され
URP+2DRendererで画面の一部にモザイクやブラーをかける - PG日誌
URP + 2DRenderer にすると _OpaqueueTexutre が利用できない（設定しても画像が設定されない）ため旧来の GrabPass を使用したレンダリング結果に対して効果をつけることが直接はできませんでした。旧来、対処法として RenderTexture を使用した実装などで少し工夫が必要でしたが、最近は _CameraSortingLayerTexture という変数によって _OpaqueueTexutre のようなことができるようなり、これを使用して画面にモザイクやブラーをかけることが可能になりました。 今回は、URP + 2DRenderer + ShaderGraph で画面にモザイクやブラーをかけてみたいと思います。 実装後のイメージは以下の通りです。ちなみにシャドーキャスターやスポットライトにも効果がかかっています。 確認環境 Unity 2021.2.
極座標を用いて星型多角形（N芒星）を描く方法について - Nabla Tech Lab
はじめに 星型多角形（N芒星）を描くための極方程式についての解説。 応用例は【Shader Graph】星型多角形（N芒星）を描くを参照。 描画結果 Desmosを使って描画した 解説 極座標における正多角形の公式は以下のように表せる（参考文献 [1] [2]）。 ：動径 ：角度 ：凸型の頂点の数 ：何個の頂点を経て辺が同一直線上に並ぶかを決定する値 ：剛性。では他のパラメータに関係なく円、では直線を含む多角形、の中間値では円と多角形の中間的な図形が得られる。 星型多角形を描くために の場合の式を導出する。 式(1) に を代入すると、 となり、 より となる。 さらに を代入すると、以下の式(2)が得られる。 式(2) を用いることで、N芒星（）を描くことができる。 式(2) は参考文献 [3] に示されている星型多角形の式を極方程式の形で表したものと等しい。 また、 の値を変化させる（
【Shader Graph】星型多角形（N芒星）を描く - Nabla Tech Lab
はじめに Unity の Shader Graph を使ってN芒星（五芒星、六芒星、七芒星、など）を描くシェーダーの作り方。 図形を描く方法の基本については 【Shader Graph】図形を描く の記事を参照。 曲線の極方程式 N芒星（）を描くための極方程式は以下の通り。 図形の丸みを変化させるパラメーター を持つ場合の極方程式は以下の通り。 これらの極方程式についての解説は 極座標を用いて星型多角形（N芒星）を描く方法について の記事を参照。 シェーダー作成 環境 Unity 2020.3.18f1 Universal Render Pipeline 10.6.0 Shader Graph 10.6.0 Custom Function Graph SubGraph 描画される図形を切り替えられるように、Keyword ノード を使っている。 Keyword ノードを使うことで、シェーダ
【シェーダーグラフメモ その31】ドット絵風の炎の玉 - rn.log
以下のような、炎の玉っぽいエフェクトを作成する方法を解説します。 作り方解説 STEP1 : 中心からの距離をとる STEP2 : ノイズを距離で割る STEP3 : ノイズをスクロールさせる STEP4 : 炎っぽくする Divide, Power, Sample Gradientを組み合わせて炎っぽい見た目にします。 STEP5: モザイクエフェクトをかける(完成) UVにPosterizeをかけ、UVを24段階にします ドット絵風の炎の玉の完成です。
【シェーダーグラフメモ その22】パワーアップエフェクトっぽいものを作る - rn.log
リングが上昇する、パワーアップエフェクト風のものを作るシェーダーグラフです。 ノード全体 以下のようなノードを組みます。 Unlitノードは以下のように設定して、半透明かつ両面が描画されるようにします。 円柱に張り付ける(完成) 上記のシェーダーグラフを円柱に張り付けると、パワーアップエフェクト風の見た目になります。 おまけ : Blenderを使って底面・上面が無い円柱を作る 今回のパワーアップエフェクトは底面と上面がない円柱にシェーダーグラフを適用して作っています。 底面・上面がない円柱 今回はBlenderを使って底面・上面がない円柱を作る手順をメモ書き程度に紹介したいと思います OSはWindows 10を想定しています。 STEP1 : Blenderインストール Blender公式サイトからBlender2.8 をダウンロードしてインストールします。 blender.org -
ShaderGraph ノード一覧 - デコシノニッキ
自分用のメモです。 随時更新していきます。 Artistic (アーティスティック) Adjustment (調節) Channel Mixer (チャネルミキサー) Contrast (コントラスト) Hue (色調) Blend (ブレンド) Blend (ブレンド) Mask (マスク) Channel Mask (チャネルマスク) Color Mask (カラーマスク) Normal (法線) Normal Blend (法線ブレンド) Normal Create (法線作成) Normal Strength (法線強度) Normal Unpack (法線取り出し) Utility (ユーティリティ) Colorspace Conversion (色変換) Channel (チャネル) Combine (結合) Flip (反転) Split (分割) Swizzle (かき混ぜ
UnityのShaderGraphを利用してSTYLY用のシェーダーを作成する
Unity2018のShaderGraphを利用してシェーダーを作成し、これをUnity2017.4用のシェーダーコードに書き直す方法を解説します。 ShaderGraphはSTYLYへアップロードすることができませんが、 Unity2017.4用のシェーダーコードに移植することで、STYLY上へのアップロードが可能となります。 ※2020/04/14現在、STYLYの推奨バージョンはUnity 2019.3.6f1ですがShaderGraphは使用できておらず、対応中です。 STYLYと互換性のあるUnityバージョンはこちらからご確認ください。 https://document.styly.cc/doc/docs/en/creator/creator_plugin_intro/#%E5%AF%BE%E5%BF%9C%E3%81%99%E3%82%8Bunity%E3%83%90%E3%
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/MantleHat/status/1416114562554761217
【Unity】シェーダーグラフで簡単に水面を作る
2D URP Lit shader with Outline? - Spine Forum
Outline Shader Reproduction In Shader Graph - Spine Forum
エフェクト作成のために知っておきたいShader Graphの話 - Unity道場2019 8月