Unity orthographicSize ちらつき

Question

前提・実現したいこと

orthographicSizeを変動させたときに生じるちらつきを直したい

該当のソースコード

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using System.Diagnostics;
public class CameraScript : MonoBehaviour
{
    private Camera m_cam;
    private float zoomSpeed = 10f * 3;
    private float scrollSpeed = 20f * 5;
    private float dragSpeed = 0.5f;
    public Vector2 zoom = new Vector2(3f, 100f);
    [HideInInspector]
    public float targetZoom;
    private bool wait = true;
    public Camera cam
    {
        get
        {
            if(this.m_cam == null)
            {
                this.m_cam = base.GetComponent<Camera>();
            }
            return this.m_cam;
        }
    }
    public float currentZoom
    {
        get
        {
            return this.cam.orthographicSize;
        }
        set
        {
            if(this.cam.orthographicSize == value)
            {
                return;
            }
            this.cam.orthographicSize = value;
        }
    }
    private void Start()
    {
        Application.targetFrameRate = 60;
        this.currentZoom = 60f;
        this.targetZoom = 60f;
        base.transform.position = new Vector3(base.transform.position.x, base.transform.position.y,
             -this.currentZoom);
        base.StartCoroutine("Starter");
    }
    [DebuggerHidden]
    private IEnumerator Starter()
    {
        this.zoomSpeed /= 2f;
        yield return new WaitForSeconds(1f);
        this.targetZoom = 60f;
        /*while(this.currentZoom > 33f)
        {
            yield return new WaitForSeconds(0.333f);
        }*/
        this.zoomSpeed *= 2f;
        this.wait = false;
    }
    private void Update()
    {
        if (!this.wait)
        {
            this.MovementKeyboardGame();
            this.MovementMouseGame();
            this.ZoomMouse();
        }
    }
    private void FixedUpdate()
    {
        this.GoToTargetZoom();
    }
    private void MovementMouseGame()
    {
        if (Input.GetMouseButton(2))
        {
            base.transform.Translate(-new Vector3(Input.GetAxis("Mouse X") * this.dragSpeed * Time.deltaTime * 100f, Input.GetAxis("Mouse Y") * this.dragSpeed * Time.deltaTime * 100f, 0f));
        }
    }

    private void MovementKeyboardGame()
    {
        base.transform.Translate(new Vector3(Input.GetAxis("Horizontal") * this.scrollSpeed * Time.deltaTime, Input.GetAxis("Vertical") * this.scrollSpeed * Time.deltaTime, 0f));
    }

    private void ZoomMouse()
    {
        if (Input.GetAxis("Mouse ScrollWheel") != 0f)
        {
            this.targetZoom -= Input.GetAxis("Mouse ScrollWheel") * this.zoomSpeed;
            this.targetZoom = Mathf.Clamp(this.targetZoom, this.zoom.x, this.zoom.y);
        }
    }

    private void GoToTargetZoom()
    {
        if (this.currentZoom != this.targetZoom)
        {
            float num = Mathf.Clamp(Mathf.Abs(this.currentZoom - this.targetZoom), 0.3f, 0.5f);
            float t = Time.deltaTime * this.zoomSpeed * num;
            float num2 = Mathf.Lerp(this.currentZoom, this.targetZoom, t);
            if (Mathf.Abs(num2 - this.targetZoom) < 0.01f)
            {
                this.currentZoom = this.targetZoom;
            }
            else
            {
                this.currentZoom = num2;
            }
            if (this.currentZoom >= 5f && this.currentZoom != -base.transform.position.z)
            {
                base.transform.Translate(new Vector3(0f, 0f, -(this.currentZoom + base.transform.position.z)));
            }
        }
    }
}

試したこと

Graphics.DrawMeshで正方形のメッシュを100×100描画しているのですが、上記スクリプトを使用してカメラのorthographicSizeを動的に変更させると、描画しているテクスチャにちらつきが生じてしまいます。
対策方法を調べたのですが、現状出て来なかったので、どうしても分からず質問しました。ちらつきをなくす方法はあるでしょうか？
Unity2D 描画がちらつくの方法では解決しませんでした。

・使用しているシェーダーのコード

Shader "Unlit/World"
{
    Properties
    {
        [NoScaleOffset] _MainTex ("Texture", 2D) = "white" {}

        // 見た目調整用プロパティを変更、前回と異なり大きくするほど鋭くなる
        [PowerSlider(10)] _EdgeSharpness ("Edge Sharpness", Range(0, 100.0)) = 10.0

        _EdgeDist ("Edge Disturbance", Range(0.0, 1.0)) = 0.05
        _EdgeDistFreq ("Edge Disturbance Frequency", Range(0.0, 16.0)) = 4.0
    }

    SubShader
    {
        Tags { "RenderType"="Opaque" }

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            #include "UnityCG.cginc"

            // 頂点アトリビュートからはUV関連を削除
            struct appdata
            {
                float4 vertex : POSITION;
                float4 color : COLOR;
            };

            // tileUvには(0, 0)、(1, 0)、(0, 1)、(1, 1)のいずれかが入る
            struct v2f
            {
                float4 vertex : SV_POSITION;
                float2 tileUv : TEXCOORD0;
                float weight : TEXCOORD1;
                float2 modelPos : TEXCOORD2;
            };

            inline float random(float2 st) {
                return frac(sin(dot(st, float2(12.9898, 78.233))) * 43758.5453123);
            }

            float noise(float2 st)
            {
                float2 i = floor(st);
                float2 f = frac(st);
                float a = random(i);
                float b = random(i + float2(1.0, 0.0));
                float c = random(i + float2(0.0, 1.0));
                float d = random(i + float2(1.0, 1.0));
                float2 u = f * f * (3.0 - 2.0 * f);

                return dot(float2(lerp(a, b, u.x), lerp(c - a, d - b, u.x)), float2(1.0, u.y));
            }

            float fractal(float2 st)
            { 
                float4 amp = float4(1.0, 0.5, 0.25, 0.125);
                float4 v;

                v.x = noise(st);
                st = st * 2.0 + float2(14.1421356237, 17.3205080757);
                v.y = noise(st);
                st = st * 2.0 + float2(22.360679775, 26.4575131106);
                v.z = noise(st);
                st = st * 2.0 + float2(31.4159265359, 27.1828182846);
                v.w = noise(st);

                return dot(v, amp) / dot(1.0, amp);
            }

            sampler2D _MainTex;
            float4 _MainTex_ST;
            float4 _MainTex_TexelSize;
            float _EdgeSharpness;
            float _EdgeDist;
            float _EdgeDistFreq;

            // ユニフォーム変数を追加
            #define TYPE_COUNT_MAX 8
            int _TypeCount;
            float4 _TypeUvs[TYPE_COUNT_MAX / 2];
            float2 _TileSize;
            float _TypeLevels[TYPE_COUNT_MAX];

            float4 _Color;

            v2f vert(appdata v)
            {
                v2f o;
                o.tileUv = v.color.xy;
                o.weight = v.color.a;
                o.modelPos = v.vertex.xy;
                o.vertex = UnityObjectToClipPos(v.vertex);
                return o;
            }

            fixed4 frag(v2f i) : SV_Target
            {
                // まずは前回同様weightを計算する
                float f = dot(float2(_EdgeDist, 1.0 - _EdgeDist), float2(fractal(i.modelPos * _EdgeDistFreq), 0.5));
                float upper = 1.0 - 2.0 * (1.0 - i.weight) * (1.0 - f);
                float lower = 2.0 * i.weight * f;
                float weight = lerp(lower, upper, step(0.5, i.weight));

                // weightを比較してどの範囲にいるか判定し、それを越えない最大のインデックスを調べる
                uint index = 0;
                [unroll(TYPE_COUNT_MAX)]
                for (int k = 0; k < _TypeCount; k++)
                {
                    if (_TypeLevels[k] < weight)
                    {
                        index = k + 1;
                        continue;
                    }
                    break;
                }
                index = min(index, _TypeCount - 1);

                // さらに、その一つ下・一つ上のインデックスを求めておく
                uint prevIndex = index > 0 ? index - 1 : 0;
                uint nextIndex = min(index + 1, _TypeCount - 1);

                // 範囲の下限・上限の高さを取得し、lowerLevelを0、upperLevelを1としたときのweightの位置を調べる
                float lowerLevel = (index == prevIndex) ? 0.0 : _TypeLevels[prevIndex];
                float upperLevel = (index == nextIndex) ? 1.0 : _TypeLevels[index];
                float weightInRange = (lowerLevel == upperLevel) ? 0.0 : (weight - lowerLevel) / (upperLevel - lowerLevel);

                // weightInRangeが0.5以上かどうかでnextIndex、prevIndexのいずれかを選択する
                uint edgeIndex = weightInRange >= 0.5 ? nextIndex : prevIndex;

                // weightInRangeが0.5の時0、そこより範囲境界に近いほど1になるような値を作る
                // このとき_EdgeSharpness乗して、カーブを適宜鋭くする
                float edgeFactor = saturate(pow(abs(weightInRange * 2.0 - 1.0), _EdgeSharpness));

                // 範囲中心および範囲境界に対応するUVを取得し、そこからそれぞれ色を取得する
                float4 edgeVector = _TypeUvs[edgeIndex / 2];
                float4 centerVector = _TypeUvs[index / 2];
                float2 edgeUv = lerp(edgeVector.xy, edgeVector.zw, edgeIndex % 2);
                float2 centerUv = lerp(centerVector.xy, centerVector.zw, index % 2);
                float2 uvOffset = i.tileUv * _TileSize;
                fixed4 edgeColor = tex2D(_MainTex, edgeUv + uvOffset);
                fixed4 centerColor = tex2D(_MainTex, centerUv + uvOffset);

                // 範囲中心でcenterColorが100%、境界部分でcenterColorとedgeColorが
                // 50%混合になるように2つの色を混ぜ合わせる
                return lerp(centerColor, edgeColor, edgeFactor * 0.5);
            }
            ENDCG
        }
    }
}

Answer 1

ちらつきの出かたはどのような感じでしょうか?
たとえば、以前のご質問（Unity テクスチャ　反復周期）のようにテクスチャサンプリング座標を反復させている場合、下図のように反復の境界でちらつきが発生する可能性があります。

これは、テクスチャのサンプリング座標が境界部分で不連続になることによるミップマップレベル選択の失敗によるものかと思います。
このようなケースでは、以前の別のご質問（Unity2D テクスチャが潰れる）に例示しましたコード中でちょこっと言及したtex2Dgradを使ってみてはいかがでしょうか?

Shader "Unlit/Terrain"
{
	Properties
	{
		_MainTex ("Texture", 2D) = "white" {}
		[IntRange] _Magnification ("Magnification", Range(1, 32)) = 8
	}
	SubShader
	{
		Tags { "Queue"="Transparent" "RenderType"="Transparent" }
		LOD 100

		Pass
		{
			ZWrite Off
			ZTest Always
			Blend SrcAlpha OneMinusSrcAlpha

			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag
			#pragma multi_compile_instancing
			// make fog work
			#pragma multi_compile_fog

			#include "UnityCG.cginc"

			struct appdata
			{
				float4 vertex : POSITION;
				float2 uv : TEXCOORD0;
				UNITY_VERTEX_INPUT_INSTANCE_ID
			};

			struct v2f
			{
				float2 uv : TEXCOORD0;
				UNITY_FOG_COORDS(1)
				float4 vertex : SV_POSITION;
			};

			sampler2D _MainTex;
			float4 _MainTex_ST;
			int _Magnification;

			v2f vert (appdata v)
			{
				v2f o;
				UNITY_SETUP_INSTANCE_ID(v)
				o.vertex = UnityObjectToClipPos(v.vertex);
				float3 worldPosition = mul(unity_ObjectToWorld, v.vertex);
				float2 blockCoord = worldPosition.xy / _Magnification;
				o.uv = TRANSFORM_TEX(blockCoord, _MainTex);
				UNITY_TRANSFER_FOG(o,o.vertex);
				return o;
			}

			fixed4 frag (v2f i) : SV_Target
			{
				float2 uv = frac(i.uv);

				// 画面上で1ピクセルずれると、サンプリング位置がどれだけずれるかを求める
				// uvはブロック境界で不連続になるのに対し、i.uvは連続しているので
				// i.uvの変化率をテクスチャサンプリング位置変化率として採用してやれば
				// ミップマップレベルが正しく選択される
				float2 duvdx = ddx(i.uv);
				float2 duvdy = ddy(i.uv);

				// sample the texture
				// tex2Dgradを使ってサンプリングする
				fixed4 col = tex2Dgrad(_MainTex, uv, duvdx, duvdy);

				// apply fog
				UNITY_APPLY_FOG(i.fogCoord, col);
				return col;
			}
			ENDCG
		}
	}
}

追記
Unlit/Worldの場合は何を手がかりにサンプリング座標の変化率を算出するべきかですが、シェーダーコード以外のスクリプトが「Unity2D テクスチャブレンド」のものとほとんど変わらないと仮定しますと、好都合なことにシェーダーコード内のmodelPosが利用できそうです。
これはメッシュが持っている頂点座標ですが、メッシュは縦横1.0の正方形が並んだ形に作られていて、この正方形内ぴったりにタイルの画像を貼り付ける形になっています。ですのでmodelPosの変化率をもとにサンプリング位置の変化率を算出できるはずです。

ですがUnlit/Worldのケースだともっと影響の大きい要因として、元のテクスチャがそれぞれの地形を並べて一枚にしている都合上隣のタイルの色が漏れて格子模様（元のテクスチャは地形を横に並べているため色漏れは横方向にだけ発生するので、「縦縞模様」と言った方が適切かもしれません）が生じてしまう現象があるかと思います。
ですのでUnity2D テクスチャが潰れるのシェーダーコードと同様に、タイルの外周部分をサンプリング座標の飛び幅分だけそぎ落とす処置も組み合わせてみました。変更部分はfragの後半だけです。

			fixed4 frag(v2f i) : SV_Target
			{
				// まずは前回同様weightを計算する
				float f = dot(float2(_EdgeDist, 1.0 - _EdgeDist), float2(fractal(i.modelPos * _EdgeDistFreq), 0.5));
				float upper = 1.0 - 2.0 * (1.0 - i.weight) * (1.0 - f);
				float lower = 2.0 * i.weight * f;
				float weight = lerp(lower, upper, step(0.5, i.weight));
				
				// weightを比較してどの範囲にいるか判定し、それを越えない最大のインデックスを調べる
				uint index = 0;
				[unroll(TYPE_COUNT_MAX)]
				for (int k = 0; k < _TypeCount; k++)
				{
					if (_TypeLevels[k] < weight)
					{
						index = k + 1;
						continue;
					}
					break;
				}
				index = min(index, _TypeCount - 1);

				// さらに、その一つ下・一つ上のインデックスを求めておく
				uint prevIndex = index > 0 ? index - 1 : 0;
				uint nextIndex = min(index + 1, _TypeCount - 1);

				// 範囲の下限・上限の高さを取得し、lowerLevelを0、upperLevelを1としたときのweightの位置を調べる
				float lowerLevel = (index == prevIndex) ? 0.0 : _TypeLevels[prevIndex];
				float upperLevel = (index == nextIndex) ? 1.0 : _TypeLevels[index];
				float weightInRange = (lowerLevel == upperLevel) ? 0.0 : (weight - lowerLevel) / (upperLevel - lowerLevel);

				// weightInRangeが0.5以上かどうかでnextIndex、prevIndexのいずれかを選択する
				uint edgeIndex = weightInRange >= 0.5 ? nextIndex : prevIndex;

				// weightInRangeが0.5の時0、そこより範囲境界に近いほど1になるような値を作る
				// このとき_EdgeSharpness乗して、カーブを適宜鋭くする
				float edgeFactor = saturate(pow(abs(weightInRange * 2.0 - 1.0), _EdgeSharpness));

				// 範囲中心および範囲境界に対応するUVを取得し、そこからそれぞれ色を取得する
				float4 edgeVector = _TypeUvs[edgeIndex / 2];
				float4 centerVector = _TypeUvs[index / 2];
				float2 edgeUv = lerp(edgeVector.xy, edgeVector.zw, edgeIndex % 2);
				float2 centerUv = lerp(centerVector.xy, centerVector.zw, index % 2);

				// 色取得の前に、modelPos変化率とUV変化率を算出する
				float2 dPosdx = ddx(i.modelPos);
				float2 dPosdy = ddy(i.modelPos);
				float2 dUvdx = dPosdx * _TileSize;
				float2 dUvdy = dPosdy * _TileSize;
				
				// 色漏れ防止のため、modelPos変化率の分だけtileUvの外周を
				// そぎ落としてから_TileSizeをかけてuvOffsetとする
				float2 cornerOffset = abs(dPosdx) + abs(dPosdy);
				float2 uvOffset = lerp(cornerOffset, 1.0 - cornerOffset, i.tileUv) * _TileSize;

				// tex2Dの代わりにtex2Dgradを使って色を取得する
				// このとき、第3・第4引数としてUV変化率を使用する
				fixed4 edgeColor = tex2Dgrad(_MainTex, edgeUv + uvOffset, dUvdx, dUvdy);
				fixed4 centerColor = tex2Dgrad(_MainTex, centerUv + uvOffset, dUvdx, dUvdy);

				// 範囲中心でcenterColorが100%、境界部分でcenterColorとedgeColorが
				// 50%混合になるように2つの色を混ぜ合わせる
				return lerp(centerColor, edgeColor, edgeFactor * 0.5);
			}

テクスチャの設定はGenerate Mip MapsをオンにしてFilter ModeをTrilinearとした状態で、対策なしだと下図のように縦スジが目立ってしまいますが...

対策ありだと下図のようにマシになりました。

Comments

[退会済みユーザー]

回答ありがとうございます。

質問なのですが、fixed4 frag (v2f i) : SV_Targetが既に定義されている場合はどのように書けばよいのでしょうか？　調べたのですが、複数Passを使うなどしか出て来ませんでした。複数のfragを設定することは出来ないのでしょうか？

[Bongo]

各パスで最終的な色を出力する関数は1つだけしか選べないと思います。
複数のfragを作りたい...というのはどういう状況なのかちょっと想像しにくいのですが、作りかけの状態でかまいませんのでシェーダーコードをご提示いただければ何か代替案のアドバイスをお出しできるかもしれません（今回のご質問と直接関係しない内容でしたら、新規のご質問として投稿いただいたほうがいいかもしれませんね）。

[退会済みユーザー]

シェーダーのコードを追記しました。前の質問で回答していただいたテクスチャブレンドのコードを使用しています。

[Bongo]

複数のfragを使いたいとおっしゃるのはどういう理由なのか（何らかの条件でfragを切り替えたい...とか）ご説明いただけますでしょうか?
シェーダーコード内にコメントとして「ここの条件が○○のときはこちらのfrag、そうでなければこちらのfrag」のような具合で追記いただいてもかまいません。
それとも、このUnlit/Worldシェーダーに今回の回答で例示しましたちらつき対策を組み込みたい...ということでしょうか?

[退会済みユーザー]

説明不足で申し訳ないです。

>このUnlit/Worldシェーダーに今回の回答で例示しましたちらつき対策を組み込みたい...ということでしょうか?

そうです。Worldシェーダーに例示していただいたコードを組み込みたいと思ったのですが、どのように書いたらいいか分からなかったので…。

[Bongo]

Unlit/Worldの場合だと、境界のちらつきを防ぐには隣のタイルからの色漏れを防止する処置も必要かと思います。改造案を追記しましたが、いかがでしょうか?

[退会済みユーザー]

回答ありがとうございました。