Shader

Unity Shader Lab入門 UnityのFragment Shaderで 図形を合成する方法を説明します。 以下が基本Shaderとし、このシェーダを改変していきます。 Shader "Unlit/Compose_Base" { Properties { } SubShader { Tags { "RenderType"="Opaque" } LOD 100 Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" void Ellipse(float2 UV, float …

Unity Shader Lab入門 UnityのFragment Shaderで丸や四角など 基本図形を描く方法を説明します。 図形の調べ方 基本的に2つの調べ方があります Unity Shader Graphで図形を検索してShaderLabで記述したコードを使う 数式で図形を描く方法を検索してShaderLabに変換する Unity Shader Graphで検索 Shader Graphには丸ならEllipse、四角ならRectangleといった 基本図形のノードが存在します。そして公式マニュアルには 「生成されるコードの例」の項があり、ShaderLabにそのままコピーして 使うこと…

Unity Shader Lab入門 Fragmentシェーダの基本を説明します。 frag関数 Fragmentシェーダはfrag関数に処理を記述します。 fixed4 frag (v2f i) : SV_Target { // ここに処理を記述 return col; } frag関数は各ピクセルに描画する色を決定する関数です。 各ピクセル毎にfrag関数が実行されるイメージです。 引数のv2fに各ピクセルのUV座標の情報が渡されます。 ここでは単色を付ける例を紹介します。 単色を付ける プロパティで指定した色を付けます。 Properties { _Color ("Color", Col…

Unity Shader Lab入門 ShaderLabとは ShaderLabとは動くグラフィックを作成できるプログラムです。 動く図形を描いたり陰影を変えたりできます。 Shaderの種類 Standard Surface Shader 陰影処理を書かなくても陰影を生成してくれるシェーダです。 Unlit Shader 陰影処理は自前で書かないといけないが、 自由に記述できるシェーダです。 陰影が必要ない場合もこちらを使用します。 Vertex Shader モデルの頂点の座標をスクリーン座標に変換するプログラムです。 Fragment Shader 各ドットに描画する色を決定するプログラ…

UnityではテクスチャやGUIを使って文字を描くことができますが、 動く文字をメッシュの表面に沿って描画することはできません。 そこで、Unity Shader Labで文字を描く方法について説明します。 方針 文字が書かれたアトラステクスチャを用意する アトラステクスチャから対象の文字を配置する 文字以外を塗りつぶす 文字が書かれたアトラステクスチャを用意する 以下のような文字一覧が書かれたアトラステクスチャを用意します。 今回は数字のみ用意しましたが、文字が書かれていても同様にできます。 アトラステクスチャの座標変換 アトラステクスチャの任意の文字の左下の点と右上の点を uv座標の任意の…

はじめに 画像の移動・回転・スケールについてなぜそうなっているかを 説明します。 UV座標系 Create > Shader > Unit Shader で説明します。 作成されたシェーダにはv2fが定義されています。 struct v2f { float2 uv : TEXCOORD0; ... }; uvの座標系は以下のようになっています。 このuvに以下のようなテクスチャを貼ることを考えます。 この時のコードは以下のようになります。 fixed4 frag (v2f i) : SV_Target { fixed4 col = tex2D(_MainTex, i.uv); return c…

はじめに 概要 実装したもの マテリアルパラメータ Shaderパラメータ 処理の流れ 1.必要なテクスチャをサンプリング 2.トランジションマスクの計算 3.対象ピースのマスクを計算 4.ディゾルブの計算 5.対象ピースのカラー計算 5.残りのカラー計算 こだわりとコストを天秤に掛けてオミットしたもの ピース解放前のベーステクスチャをShader制御 最後に はじめに サムザップで『呪術廻戦 ファントムパレード』の主にアウトゲームの開発・マネージメントやグラフィック関連の開発をしています、クライアントエンジニアの木田です。 弊社が提供する『呪術廻戦 ファントムパレード（以下、ファンパレ）』は…

本日はShader枠です。 昨日はコンピュートシェーダーを使用して、Unityの任意のオブジェクトの情報を毎フレームコンピュートシェーダー内で使用することができました。 redhologerbera.hatenablog.com redhologerbera.hatenablog.com 今回は任意のColor型の情報をComputeShaderに渡していきます。 〇色の情報をコンピュートシェーダーで使用する まずはC#側のスクリプトにColorを定義します。ここでは [SerializeField] private Color _paintingColor;//追加 として定義しました。 u…

GitHub ActionsのWindows ServerのSelf-hosted RunnerにおけるUnityのビルドを検証していたところ、起動はできるものの、ビルドの途中でエラーが出るようになりました。 Failed to get ipc connection from UnityShaderCompiler shader compiler 調べたところ、Jenkins環境で類似のエラーに当たった人の記事に辿り着き、Windowsマシンのデスクトップ ヒープ領域の問題を知りました。 shinji-blog.com Jenkins automated deployment reported…

How to render smoke dust in Maya from Houdini? Houdiniで作った煙をMayaでレンダーする方法 Only 7 Step! ■Houdini side 1. 煙をVDBに変換する。 圧縮方法など出来ることはかなりあるけど、 最終的に使われる用途を考えてそこは調整する。 ここではクイックで簡単に書き出したいので 2ステップのみ紹介 1-1.ConvertVDBノード でConvert to [VDB]に設定する。 1-2.Primitiveノードをつなげて、write 16bit floatにチェックを入れる。 2. Filecacheノードを使…

OBS Studioに関する情報メモを書いてる記事 ※「OBS Studioに関する個人的メモ」を移転しました。(現在は閲覧不可) 記事投稿日 2021年10月6日、最終更新日 2024年12月07日 10時35分頃 文字数が凄く多いのでブラウザの検索機能をお使いください。 記事が見にくくて申し訳ありません。 (将来的に内容を細かく分けて記事にしたいと思っています。) ブラウザ検索ショートカット Windows : Ctrl + F macOS : Command + F この記事は下記環境を使用して作成しています。 ※Linux、特定のデバイスが無いと表示されないソースのことはメモしていませ…

はじめに こんにちは。 株式会社アドグローブ ゲーム事業部のUIデザイナーYMです。 皆さんはAppleの「Vision Pro」をご存じでしょうか？ www.apple.com 2023年6月に発表され、日本では2024年6月に販売開始されたAR/VRヘッドセットです。 完全三次元のインターフェイスを採用しており、操作は目と手と声だけで可能となっています。 株式会社アドグローブでは入手後、希望者に貸出したりしています。 今回はそんなVisionOS向けアプリゲームのUIを制作した際、普段の開発とは違うと感じた点や、注意点等も併せてご紹介したいと思います。 VisionProを体験してみる ま…

Unityでの開発において、Shader Variantの管理はパフォーマンスとビルドサイズに大きく影響を与える重要な要素です。特に、どのShader Variantが実際に使用されているのかを把握することは、効率的な開発に繋がります。 本記事では、UnityEditor上でShader Variantリストを確認する方法について説明します。 UnityEditorでShader Variantリストを確認する方法 UnityEditorには、現在使用されているShader Variantを確認するための便利な機能が用意されています。 それが、Project Settings / Graphi…

はじめに みなさんはシェーダーのプロファイリングをしたくなったとき、どうやっていますか？ FPS 測定？でもオーバヘッドが大きいし、具体的にどこが重いのかわからない…… みたいな悩みを、 NVIDIA Nsight Graphics で解決できるかもしれません。 ほかにいい手段をご存知の方はぜひご連絡ください…… 手順 まずは こちら から NVIDIA Nsight Graphics をインストールします。 インストールの待ち時間に、 Unity プロジェクトの用意をします。 対象となるシェーダーを書いて、マテリアルを作成、それを適用した Plane なり Cube なりを配置します。 カメ…

これはSESSIONS Advent Calendar 2024の記事です adventar.org SESSIONS2024 WriteUp こんにちは、Renardと申します これは何 2024/11/16~2024/11/17に日本科学未来館で行われたSESSIONSというイベントのWriteUpです sessions-party.com 沢山の提出ありがとうございました。 私は作品の上映とか管理とかを主にやっていました 解説1 (Code Graphics Compo) youtu.be この、『[SESSIONS2024] 【ゆっくり解説】3分で分かる！「Classic GLSL G…

1. 今週の予定 以下の内容を勉強します。 映像作品としてのLevelの作成 AIの勉強 Nvidia Omniverseの勉強 Gaeaの勉強 Houdiniの勉強 VFXの勉強 DirectX12の勉強 2. 映像作品としてのLevelの作成 2.1 PCGの勉強 2.1.1 Get Started With PCG 5.4 By Creating a Full Building | UE 5.4 P1 [1]の続きを勉強する ＜Loop Counter Subgraph＞ 前回までで完成したのは一階だけです。これから高さを管理するParameterを追加して何階でも作成出来るようにします…

はじめに 先日Unityが公開している(といってもOfficialではない)パッケージであるcom.unity.search.extensionsに依存しているプロジェクトのEditMode TestがFailしてしまうことに気が付きました。 EditMode Testが失敗している様子ValidateCustomIndexation(t:shader sh_rendertype=opaque [Assets/Materials/SurfaceShader.shader] => 1 ) (0.013s) --- Query t:shader sh_rendertype=opaque yield…