Unity)波形画像のシェーダーをpngで保存したい

Question

シェーダーを利用して音声波形を描くことは
下記ページを参考にできました。
https://setchi.hatenablog.com/entry/2015/10/25/220844

質問はこの波形をPngファイルにして保存したいのですが
textureを

byte [] pngName = texture.EncodeToPNG();   
File.WriteAllBytes(filePath, pngName);

でPngファイルにしたのですが
ファイルはできるのですが開いてみるとグレーな表示
だけでなぜか波形画像が表示されません。

そこで今度はスクショにすれば波形画像が保存できるかと思い
下記のスクリプトで保存したところできたファイルを
開くとやはり波形画像の部分のみグレーになっています。

public void OnClickTest()
    {
   string path = Application.persistentDataPath + "screenshot.png";

   StartCoroutine(LoadScreenshot());

    }

    IEnumerator LoadScreenshot()
    {
        yield return new WaitForEndOfFrame();
        Texture2D tex = 
       ScreenCapture.CaptureScreenshotAsTexture();
        // 切り取る画像の左下位置を求める
        int x = (tex.width - width) / 2;
        int y = (tex.height - height) / 2;
        Color[] colors = tex.GetPixels(x, y, width, height);
        Texture2D saveText = new Texture2D(width, height, TextureFormat.ARGB32, false);
        saveText.SetPixels(colors);
        string path = Application.persistentDataPath + "ss.png";
        File.WriteAllBytes(path, saveText.EncodeToPNG());

ちなみに

ScreenCapture.CaptureScreenshot(path);

で保存したところ波形画像の部分は問題なく表示されましたが

ScreenCapture.CaptureScreenshotには範囲を指定して
キャプチャーする方法が見当たりません。
シェーダーに表示した波形をpngファイルに保存する方法をわかる方
教えてください。

環境）
OS: macOS Monterey
Unity2020.3.21f1
言語：C#

Answer 1

テクスチャにデータを書き込んだはずなのに反映されていない...といったケースでさしあたり心当たりがあるのは、Applyを実行し忘れているとかでしょうかね?
見たところ少なくとも後者のCaptureScreenshot案のコードにはApplyがないように見えます。saveText.SetPixels(colors);の後にsaveText.Apply();を入れてみると変化はあるでしょうか。

前者の直接保存案がうまくいかなかった件については、こちらはもっと詳しくコードをご提示いただく必要がありそうです。ご参考になさった「【Unity】シェーダーを利用して音声波形を描く - setchi’s blog」によると、WaveformRendererのtexture自体は音声データを赤色の強度で表した高さ1ピクセルのテクスチャのようですから、それを最終的な緑色の線の画像にするにはどこかで記事中のシェーダーを使ったレンダリングを行う必要があるかと思います。ご質問者さんがどのようになさっているかお示しいただければ手がかりになるかもしれません。

RawImageから画像データを作る例

生成された波形データテクスチャをRawImage上にレンダリングして波形図にすることを前提とすると、そのRawImageのマテリアルを使って波形データテクスチャを同様にオフスクリーンレンダリングする手があるんじゃないかと思いました。
ご参考までに、たとえば下記のようなスクリプトをプロジェクト内に入れておけばRawImageからPNGデータを作れるんじゃないでしょうかね?

using UnityEngine;
using UnityEngine.UI;

public static class RawImageExtensions
{
    /// <summary>
    ///     RawImageをキャプチャーし、PNGフォーマットにエンコードします。出力されるデータの幅、高さはRawImageのsizeDeltaを使用します。
    /// </summary>
    /// <param name="rawImage">キャプチャー対象のRawImage。</param>
    /// <param name="ignoreAlpha">透明度を無視し、RGBのみのデータとして出力するか。</param>
    /// <returns>エンコードされたPNGバイト配列。</returns>
    public static byte[] EncodeToPNG(this RawImage rawImage, bool ignoreAlpha = false)
    {
        // 引数なしで実行した場合は、rawImageのsizeDeltaを出力テクスチャサイズとして使用する
        return rawImage.EncodeToPNG(Vector2Int.FloorToInt(rawImage.rectTransform.sizeDelta), ignoreAlpha);
    }

    /// <summary>
    ///     RawImageをキャプチャーし、PNGフォーマットにエンコードします。
    /// </summary>
    /// <param name="rawImage">キャプチャー対象のRawImage。</param>
    /// <param name="outputSize">出力されるPNGデータの幅、高さ。</param>
    /// <param name="ignoreAlpha">透明度を無視し、RGBのみのデータとして出力するか。</param>
    /// <returns>エンコードされたPNGバイト配列。</returns>
    public static byte[] EncodeToPNG(this RawImage rawImage, Vector2Int outputSize, bool ignoreAlpha = false)
    {
        // 入力テクスチャを取得する
        // rawImageにテクスチャがセットされていればそれを使い、なければマテリアルの
        // メインテクスチャを使い、それもなければ白色テクスチャを使う
        var sourceTexture = rawImage.mainTexture;

        // マテリアルを取得する
        var material = rawImage.material;

        // 出力サイズは最低でも1ピクセル四方とする
        outputSize = Vector2Int.Max(Vector2Int.one, outputSize);

        // PNGデータ生成用のテクスチャを作成する
        // ignoreAlphaがtrueの場合はフォーマットをRGB24とし、アルファを捨てるようにする
        var resultTexture = new Texture2D(
            outputSize.x,
            outputSize.y,
            ignoreAlpha ? TextureFormat.RGB24 : TextureFormat.RGBA32,
            false);

        // レンダリング用のテクスチャを生成する
        var resultRenderTexture = RenderTexture.GetTemporary(outputSize.x, outputSize.y, 0);

        // 後でアクティブテクスチャを原状復帰するため、現在のアクティブテクスチャを覚えておく
        var activeTexture = RenderTexture.active;

        // resultRenderTexture上にmaterialを使ってsourceTextureをレンダリングする
        Graphics.Blit(sourceTexture, resultRenderTexture, material);

        // レンダリング結果をresultTextureに読み取る
        RenderTexture.active = resultRenderTexture;
        resultTexture.ReadPixels(new Rect(Vector2.zero, outputSize), 0, 0);

        // アクティブテクスチャを原状復帰する
        RenderTexture.active = activeTexture;

        // もうresultRenderTextureは不要なので解放する
        RenderTexture.ReleaseTemporary(resultRenderTexture);

        // PNGデータを取得する
        var result = resultTexture.EncodeToPNG();

        // もうresultTextureは不要なので破壊する
        Object.Destroy(resultTexture);

        // PNGデータを返す
        return result;
    }
}