シェーダー最適化入門 第1回目「条件分岐を使いこなせ」 - CORETECH ENGINEER BLOG
はじめに こんにちは、サイバーエージェントゲームエンターテイメント事業部、SGEコア技術本部（コアテク）のグラフィックスチームに所属している清原です。 コアテクのグラフィックスチームは、各子会社で利用されるグラフィックス関係の基盤の開発や、開発されているタイトルの描画系の不具合の調査や、パフォーマンスチューニングを日々行っています。 この記事では、シェーダー最適化入門として、基盤の開発や実際に開発されているスマートフォンアプリのパフォーマンスチューニングから得た知見を紹介していきます。 第一回目の連載記事として、何かと話題に上がるシェーダーでの条件分岐について取り上げます。「使ってはダメ」や「今のGPUなら使っても問題ない」など、様々な意見があるかと思いますが、この記事ではGPUの並列処理の仕組みを踏まえて、条件分岐の問題点とその対策についてお話ししていきます。 また、最後にはコアテクのグ
【Unity / URP14】ビルドログから理解するシェーダーストリッピング【シェーダーバリアント】
概要 シェーダーがコンパイルされるとき、Editor.logへシェーダーコンパイルのログが出力されます。 このログを見ることで、何個のシェーダーバリアントが作成され、ストリッピング後にどれくらいの数にまで減ったかを把握することができます。 Compiling shader "Unlit/NewUnlitShader" pass "" (vp) Full variant space: 16 After settings filtering: 16 After built-in stripping: 8 After scriptable stripping: 8 Processed in 0.03 seconds starting compilation... 今回の記事では、シェーダーコンパイルのログを見ながら、 シェーダーストリッピングについての理解を深めることをゴールとします。 環境 W
学園アイドルマスターの眉毛のShaderをUnityで再現してみた | gam0022.net
ここ最近、学園アイドルマスター（学マス）の鼻や眉毛のシェーダーがTwitter（現X）で話題になっていました。 学マス、鼻先の黒い点が横から見た時に消えるよう処理をしている 顔面全体の輪郭線を切ってるのもあって横顔で急な黒が浮いて悪目立ちしたり、鼻の頂点が欠けてシルエットの綺麗さが失われてしまうことに対する対処かな pic.twitter.com/82TiB41IDR — のすけ (@noske2801) May 16, 2024 学マス、顔周りでいうと眉毛と目周りが正面からはステンシルして髪より前に見えているが回転させていくと横顔に近づくある程度の角度でフェードアウトしてく。キャラのデザインによっては横から見た時ステンシルしてる眉毛はチラつきが気になったりするのでとても真似したい pic.twitter.com/8O7WjcbF9w — とれ (@clubnemos) May 16, 2
[Unity]画像をグリッド状に分けて一部だけを表示するシェーダーを作ってみた
はじめに タイトルでは何を言いたいのかさっぱりかもしれませんが、作ったものをなんと説明すればいいかわからずこんなタイトルになってしまいました。 下のgifのように穴あきにすることができます。 元画像 大事なこと
![[Unity]画像をグリッド状に分けて一部だけを表示するシェーダーを作ってみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/3984234d4c5fd12856a9364f860742a27c0c0547/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--wtsx1qx7--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BUnity%25255D%2525E7%252594%2525BB%2525E5%252583%25258F%2525E3%252582%252592%2525E3%252582%2525B0%2525E3%252583%2525AA%2525E3%252583%252583%2525E3%252583%252589%2525E7%25258A%2525B6%2525E3%252581%2525AB%2525E5%252588%252586%2525E3%252581%252591%2525E3%252581%2525A6%2525E4%2525B8%252580%2525E9%252583%2525A8%2525E3%252581%2525A0%2525E3%252581%252591%2525E3%252582%252592%2525E8%2525A1%2525A8%2525E7%2525A4%2525BA%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252582%2525B7%2525E3%252582%2525A7%2525E3%252583%2525BC%2525E3%252583%252580%2525E3%252583%2525BC%2525E3%252582%252592%2525E4%2525BD%25259C%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252581%25258B%2525E3%252581%25258C%2525E3%252581%2525BF%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzA1YjkyODgyMjguanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
【URP / iPhoneX】半透明描画の負荷 と カメラテクスチャブレンド負荷の比較
はじめに オブジェクトを半透明で描画させたい時に、二つの方法があります。 Blendingを利用して、半透明描画する カメラのカラーテクスチャをシェーダー内で合成する どちらの方が負荷が高くなるのか気になったので、Instrumentsを利用して計測してみることにしました。 環境 Unity2022.3.23f1 URP14.0.10 シーンのセットアップ 計測のためにUnlit Colorシェーダーを適用したSphereを画面に配置したシーンを用意しました。 計測1 : 半透明ブレンド カメラの正面にQuadを配置し、半透明ブレンドを行うシェーダーを適用します。 シェーダー 半透明ブレンドを行うシェーダーを使用します。 Shader "Test102/Transparent" { Properties { _Color ("Color", Color) = (1, 1, 1, 1) }
はじめてのShader・Shader Graph 解説 ２ ネオンのオブジェクトを作ろう！ | ゲ制工房 挫折しないゲーム制作
この記事は、はじめてのShader・Shader Graph 解説 の2回目の解説になります。 1回目はこちらから。 前回の記事を読んでいなくても、ある程度分かるように書いていますが、前回の記事も読んでもらえるとより理解が深まると思います。 今回は以下の画像のように、ShaderGraphを使い、ネオンのように発光するシェーダーを作成すると同時に、ゲームエンジンが色というものをどうやって表現しているのか、初心者向けに詳しく解説していきます！ もちろん数学知識も不要で、コードは一行も出てきません。 文字列に意味はないですよ！ 2D用のShader作成の流れの復習 まず、前回の記事では、2D用のShaderを作成するには、 Texture情報を取得（サンプリング）して、加工して出力をする というのが基本的な流れだと解説しました。 前回は、「Posterize」というノードを使って、モザイク化す
【Unity】わかり易さ特化！はじめてのShader・Shader Graph 解説 １ | ゲ制工房～挫折しないゲーム制作～
前置き このページでは、UnityでShaderとShader Graphを使ってみたい人向けの解説をしています。 世の中のShader解説は、エンジニアによるものがほとんどだと思います。Shaderを作るのは、基本的にエンジニアの仕事なので当然ですが、いずれの解説も説明が深すぎて、数学やCG知識が本当に全くない人を置き去りにしていると感じています。 もちろん、原理原則を理解した上で作ろう、というのは「べき論」で言えばそうなのですが、「個人で楽しくゲーム作ろうよ！」という人にとっては、少々本格的すぎるとも思う訳です。 「猫 or 猿でも分かる〇〇！！」→数分後→「いや、分かんねぇんだわ、わしは猿以下か・・・」 と文系でゲーム制作と全く縁のなかった私は最初、何度もそういう気持ちになりました。 LV100の人間に、LV1の人の気持ちは分からないものです。 とはいえ、個人でゲーム制作をしていて、
UnityでRenderTextureのコピーを爆速にしたい件 - Qiita
こんにちは！ 株式会社OGIXのエンジニアのR.Kです。 （弊社については最後に紹介があるのでぜひ見てください） はじめに 今回はタイトルの通りRenderTextureのコピーを爆速にしたいお話です。 UnityでTextureを使って少し複雑な制作をしたことがある人であれば、 一度はこう思ったことがあるでしょう。 「うわっ…私のテクスチャコピー、遅すぎ…？」 私も最初にテクスチャをコピーする機能を作ってみたときはそう思いました。 今回はこの問題を掘り下げて、最終的に少し違う角度から解決してみたいと思います。 また、今回の方法ではTextureではなくRenderTextureに対して 高速にコピーを行えるアプローチを紹介しますのでお間違えの無いようお願いします。 2024/5/14追記分 ご指摘いただいた内容から、RenderTextureのみならず、 Texture型であれば問題ない
シェーダーノイズで使われる「frac ( sin( x ) * a )」 とは何なのか？ - Qiita
はじめまして、ほたてねこまじんと申します。 普段はUnityエンジニアとして、VR作品を作成・公開出来るSTYLYプラットフォームを作っています。 さて、今回解説するのはシェーダーで使われるノイズについてです。 Unityのマテリアルでは、自然で複雑な模様をシミュレートするためにノイズを多用します。 コンピュータ内でノイズを生成するアルゴリズムは複数種類ありますが、ノイズの生成はコンピュータの処理の中でも比較的高負荷な計算になります。 よって、普通はあらかじめノイズをテクスチャに焼きこんで、それを後から読み込んで使います。 ですが、ノイズテクスチャを焼きこむ需要はニッチで、専用のツールなどは見当たりません。（調べ方が足らないだけかもですが） 今回はWeb上でノイズテクスチャを生成するツールを作成し、その動作について詳しく説明していきます。 お願い！ ノイズは専門的に研究したり勉強会を開いて
UEのポストプロセスで、過去にUnityで作ったImageEffectを再現した その１ - Qiita
2024年からUEを勉強し始めているのですが、どうにもモチベーションが高まらない。 ・・・という事で、先ずは自分が過去にUnityで作ったImageEffectをUE上で再現する事でちょっとずつ慣れていけるように試してみました。 モザイク Unity UE モノクロ（スクリーン合成） Unity UE TVノイズ Unity UE Posterization Unity UE GameBoy風 Unity UE Vignette Unity UE Binarization(2値化) Unity UE RGB分解 Unity UE 終わりに 長くなったので、先ずはここまで。 作業中に気になった部分は別記事にまとめ中なので、項目が増えてきたら別途公開するかと思います。 ノードベース好きじゃないので、コーディングしたい～・・・
【Unity】時間経過によるシェーダーの_Timeの精度低下を検証
はじめに 経過時間の計算など、加算し続ける変数をfloat型にしてしまうと、結構すぐに意図しない挙動を引き起こすという話があります。 値が大きくなると分解能が下がるので、そこに小さな値を足しても情報落ちが発生してしまうのです。 詳しくはこちらの記事などを参考にしてください。 シェーダーではどうなる？ スクリプトではdouble型にすれば良いですが、シェーダーの場合はそういうわけにはいきません。 Unityシェーダーの組み込み変数である_Timeからはシーンロード時点からの経過時間が取得できますが、float型です。 同じシーンを長時間プレイしていると、この値はどうなるのでしょうか？ 恐らくスクリプトのdouble型の変数からシェーダーに値を渡しているので、値が大きくなっても情報落ちにはならないと推測できます。 しかし、分解能は下がっていくので、だんだんと動きがカクカクしていくことが予想され
ShaderVariant StrictShaderVariantMatching の設定｜黒河優介
ShaderVariant関連でUnity2022から「StrictShaderVariantMatching」という設定があったので、こちらについて記事にします 以前の記事で「AssetBudle化したとき等にShaderVariantがStripされてしまって、見た目が違う状況になってしまうことがある」という話をしました。 AssetBundle化してロードすると見た目が異なってしまう例これはUnityがオブジェクトを描画するときに、一致するVariant(キーワードの組み合わせ)が見つからなかったときに、なんとなく近いものにフォールバックするという挙動をしているためです。 この「なんとなく近いものにフォールバックして描画する」ということをせず、エラーならエラーとしてちゃんと出してほしいというときに設定するのが、「StrictShaderVariantMatching」です。 Play
【Unity Shader Graph】ゼルダBOTW風トゥーンシェーダーの調整 - Qiita
はじめに 本記事はUnity Shader Graphの使用を前提とし、海外でかの有名なRoystan氏が制作した「ゼルダの伝説 ブレス オブ ザ ワイルド」スタイルのトゥーンシェーダーを新しいUnityバージョンで制作する注意点とカスタマイズできるところについて。 前提条件 Roystan氏のトゥーンシェーダーをUnity Shader Graphで制作したこと 対象者 チュートリアルに沿って実装上手く行かなかった方 だいぶ新しいUnityバージョンでRoystan氏トゥーンシェーダーを制作した方 今YouTubeのチュートリアル動画でRoystan氏のトゥーンシェーダーを制作している方 使用環境 Unity 2022.3.17f1 Universal Render Pipeline（URP） Shader Graph全体図 見るチュートリアルと制作の都合によって全体図変わりますが、一応
負荷を抑えて高品質？ スマホゲームのグラフィックスを進化させるためにゲームエンジン「Frostbite」が取り組む「FP16化」とは
負荷を抑えて高品質？ スマホゲームのグラフィックスを進化させるためにゲームエンジン「Frostbite」が取り組む「FP16化」とは ライター：西川善司 2024年3月に行われたGDC 2024で，「FP16 Shaders in Frostbite」という一風変わったテーマを掲げていたセッションがあった。 簡単に言えば，Electronic Arts（以下，EA）の独自開発ゲームエンジン「Frostbite」で，16bit浮動小数点数（FP16）を徹底活用して性能を改善できるか検討したというものだ。 セッションを担当したAlexis Griffin-Lira氏（Software Engineer，Frostbite. EA）。Frostbiteエンジン開発チームの一員だ 近代ゲームグラフィックスでは，頂点シェーダが扱うジオメトリ（幾何学）的な演算において，単精度と呼ばれる32bit浮動小
NovaShaderインストール時のGitエラー解消方法、サンプル導入のススメ[Unity]
◯概要 自主制作のラーニングでNovaシェーダーの導入をおすすめする時に 「エラーが出てインストールできなかった…」 という声をちらほら聞くので、少しインストールまでの一連の補足情報をまとめておきます （もし推奨や間違いがありましたら教えてもらえるとありがたいですm(__)m） また、最後に少しだけNovaサンプルについてもご紹介しておきます ◯前提 Unity HubやUnityはインストールされているものとします ◯Gitをインストールする手順 一旦 Unityを終了しておく こちらの Gitのダウンロードページを開き、 Downloadをクリックします ダウンロードした.exeを実行します 「このアプリがデバイスに変更を加えることを許可しますか？」というメッセージは「はい」でOKです 以下のページの通りインストールを進めてください （基本的にとてもわかりやすいこちらの参考サイトのとお
![NovaShaderインストール時のGitエラー解消方法、サンプル導入のススメ[Unity]](https://cdn-ak-scissors.b.st-hatena.com/image/square/501cb60f638cb0a26e086ed52a71700d4ce84e94/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--hKFChpEA--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ANovaShader%2525E3%252582%2525A4%2525E3%252583%2525B3%2525E3%252582%2525B9%2525E3%252583%252588%2525E3%252583%2525BC%2525E3%252583%2525AB%2525E6%252599%252582%2525E3%252581%2525AEGit%2525E3%252582%2525A8%2525E3%252583%2525A9%2525E3%252583%2525BC%2525E8%2525A7%2525A3%2525E6%2525B6%252588%2525E6%252596%2525B9%2525E6%2525B3%252595%2525E3%252580%252581%2525E3%252582%2525B5%2525E3%252583%2525B3%2525E3%252583%252597%2525E3%252583%2525AB%2525E5%2525B0%25258E%2525E5%252585%2525A5%2525E3%252581%2525AE%2525E3%252582%2525B9%2525E3%252582%2525B9%2525E3%252583%2525A1%25255BUnity%25255D%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E5%252585%252584%2525E9%2525AD%252594%2525E3%252582%252582%2525E3%252581%252593%2525E3%252581%252593%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzA5ZjU0Y2FkYzYuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unity shader variants optimization and troubleshooting | Unity Blog
Tutorial Series
もっとマテリアルを知るために | ドクセル
2D Water Shader Breakdown
MGS Stealth Camo in Shader Graph