ShaderGraphで作った雲のshaderがエディター上では普通なのにWebGLでビルドすると雲だけに謎のノイズがかかってしまう

Question

ShaderGraphで作った雲のshaderがエディター上では普通なのにWebGLでビルドすると雲だけに謎の黒色のノイズがかかってしまうためかからないようにしたいです対処法が思いつかないので教えていただけるとありがたいです
追記してほしい事がありましたら教えていただけると幸いです
謎の黒色のノイズがかかってしまう雲があるゲームを置かせてもらっているサイトのリンク(サイト名はUnityroomです公開範囲は限定公開にしてあります)
雲のshaderGraphのスクリーンショット

ブラウザ上の雲のGIF（サイトはUnityroomです）

エディタ上の雲のGIF

試したこと

プラットフォームをPC,Mac&Linux Standaloneにしてビルドするとビルド後もエディタ上と同じ描写結果になりました
開発環境

Unity2020.3.12f1
プラットフォームはwebGLです

Answer 1

PC環境で Unityroom のゲームを表示させてみました。確かに変なノイズが出ていますね。

■ UnityRoom + Chrome での表示結果

■ UnityRoom + Firefox での表示結果

以前、別の WebGL のライブラリで同様の事象を見かけました。
Chrome + NVIDIA の GPU を使うと発生するというものでした。

■ Filament + Chrome での表示結果

■ Filament + Firefox での表示結果

上記のライブラリの開発者の方によると、この事象は NVIDIA のドライバの問題なので WebGL のライブラリ側では対処できない、という話でした。

暫定的な対処方法としては、
・別のブラウザ（Firefox等）に変えてみる
・Chrome の場合、chrome://flags にて ANGLE のバックエンドを D3D11on12 等に変えてみる という感じでしょうか。

■　chrome://flags 変更例

Comments

[hosituka]

回答ありがとうございます　対処法教えていただきありがとうございました

[cx20]

環境も確認せずに回答してしまいましたが、
使用されているブラウザとGPUはChromeとNVIDIAのGPUでしょうか？
自分はChrome + GeForce RTX 2060 で当該事象に遭遇しました。

[hosituka]

自分の環境ではNVIDIA GeForce GTX 970を使っていますブラウザはChromeですね
あとこの問題に対する役に立ちそうな追加情報になるかは分かりませんが、この問題ってwebGLでビルドした時の最初は起きていなくて、間違ってUniversal Render Pipeline Assetを消してしまったのでUniversal Render Pipeline Assetを作り直してビルドしたらこの問題が起きたんですよね。ただ作り直してから２~３日たってからビルドしたため、問題に気付いたので下手したら関係ないかもしれません（その間は海のシェーダ―を作っていました）、あと当該事象が起きる条件がありまして自分のゲームでは雲とSkyboxだけを描画するカメラ①と船とか建築物とか海だけを描画するカメラ②(BackGroundTypeはUninitialized)で分けており理由としては②のカメラは色々と重い３ｄモデルを描画するのでClipping PlanesのFarを大きすぎないぐらいの値にしているのですがそのカメラに雲を描画させるとFarが大きくないため空全体を覆わないんですよね。だから①のカメラを用意し雲だけを描画しFarを大きくしています。それで②のカメラのPriorityを①のカメラのPriorityの値よりも１高く設定する事で②が先に描画されその後に描画される①のカメラ全体に謎ノイズがかかるみたいです。逆に①のBackGroundTypeをUninitializedにする＆Priorityを②よりも高く設定すると②全体に謎ノイズかかるようになりました（雲だけにノイズがかかるというタイトルは誤りでした申し訳ございません）

[hosituka]

https://unityroom.com/games/hositukage-mu6
一応役に立つか分かりませんが、このURLだと問題が起きる前のゲームがアップロードされているため正常に動いている雲が見れます
shaderの内容はノイズがかかる方の雲のshaderとほとんど変わっていないです。しいて言えば
雲の大きさを変える計算に使われていたpowerノードをDivideに変えたぐらいですね
前述した二つに分けられているカメラの設定もほとんど変わっていないです

[cx20]

情報ありがとうございます。やはりChrome+NVIDIA GPUのケースが怪しいようですね。。
上手くいくシェーダそうでないシェーダがあるのは興味深いですね。
再現する最小ケースのシェーダが用意できれば Unity のサポートにバグ報告出しても良いかもしれません（焼け石にに水かもしれないですが。。）

ちなみに、Filamentのケースですが、プログラム側での対処方法としては、setClearOptions() というメソッドで、強制的にフレーム毎にクリア処理を入れることで、事象が改善しました。
https://github.com/google/filament/discussions/3670

もう少し問題が特定できると良いのですけどね。。

[hosituka]

さらなる情報提供ありがとうございます　確かに問題の原因が分からないのはきついですよね...　こういう問題って日本語で調べても中々ヒットしないんですよね、語彙力が足りないのか英語を学ぶべきなのか...
まぁともかくそれで問題を改善する事が可能なのですね、夜遅いので明日試してみます！