UnityWebGL上のテクスチャの差し替えについて

Question

前提・実現したいこと

今回は前回の続きになります。
ローカルフォルダにある画像を入れ替えることで、unityのwebgl上でオブジェクトのテクスチャを自由に変えられるようにしたいです。

試したこと

今回はwindowsアプリで上記のことができないか試してみたところ、無事にファイルを変更することでアプリを起動したままテクスチャを変更することができました。

行った手順を以下に示します。

まず、以下のスクリプトをCubeにアタッチしてビルドしました。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Networking;

public class CubeTexture : MonoBehaviour
{
    private float timeleft;
    //画像リンクから画像をテクスチャにする
    Texture texture;
    //テクスチャをマテリアル化するので生成しておく
    [SerializeField] Material material;
    //画像リンク
    string url = " file:///c:/Users/xxx/Desktop/blue.png";
    void Start()
    {
        //先にマテリアルのシェーダを変更しておく
        string shader = "Legacy Shaders/Diffuse";
        material.shader = Shader.Find(shader);
        //StartCoroutine(Connect());
    }

    void Update()
    {
        timeleft -= Time.deltaTime;
        if (timeleft <= 0.0)
        {
            timeleft = 10.0f;
            StartCoroutine("Connect");
        }
    }

    //テクスチャを読み込む
    private IEnumerator Connect()
    {
        UnityWebRequest www = UnityWebRequestTexture.GetTexture(url);

        yield return www.SendWebRequest();

        if (www.isNetworkError || www.isHttpError)
        {
            Debug.Log(www.error);
        }
        else
        {
            //textureに画像が入るよ
            texture = ((DownloadHandlerTexture)www.downloadHandler).texture;
            //textureをマテリアルにセット
            material.SetTexture("_MainTex", texture);

            gameObject.GetComponent<Renderer>().material = material;
            Debug.Log(www.error);
        }
    }
}

画像はデスクトップ上に配置しています。
同じ名前の画像をデスクトップの画像に上書き保存するとアプリ上のテクスチャが上書きした画像に変更することできました。
（前回のgifのようなテクスチャの切り替わりが画像を変更することで行えるようになりました。）

###発生している問題
上記のwindowsアプリで行ったことをwebgl上で行いたいのですが、うまくいきません。
webglでビルドしてlocalhostで試してみたところchromeのコンソール上で以下のようなエラーが出ました。

Not allowed to load local resource

そこで、以下のようなファイル構成にして画像リンクを./image/blue.pngに変更しました。

sample
 ┣ image/
 ┃  ┗ blue.png
 ┗ index.html

これでwebglを起動させると画像が反映されるのですが、アプリを動かしている状態で画像の上書きをしてもテクスチャ変更することができませんでした。

そもそもwebglではアプリ起動中にファイルを参照をすることができないのでしょうか。
知っている方がいれば教えていただきたいです。

###追記
System.IOを使うスクリプトで試してみました。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using System.IO;

public class TextLoad : MonoBehaviour
{
    private float timeleft;
    //テクスチャをマテリアル化するので生成しておく
    [SerializeField] Material material;

    void Start()
    {
        //先にマテリアルのシェーダを変更しておく
        string shader = "Legacy Shaders/Diffuse";
        material.shader = Shader.Find(shader);
        //StartCoroutine(Connect());
    }

    void Update()
    {
        timeleft -= Time.deltaTime;
        if (timeleft <= 0.0)
        {
            timeleft = 10.0f;
            StartCoroutine(textLoad());
        }
    }

    IEnumerator textLoad()
    {
        string filepath = Application.streamingAssetsPath + "/blue.png";
        byte[] bytes;
        var load_texture = new Texture2D(1, 1);
        if (filepath.Contains("://") || filepath.Contains(":///"))
        {
            WWW www = new WWW(filepath);
            yield return www;
            byte[] result = www.bytes;
            load_texture.LoadImage(result);
        }
        else
        {
            bytes = File.ReadAllBytes(filepath);
            load_texture.LoadImage(bytes);
            yield return load_texture;
            Renderer renderer = GetComponent<Renderer>();
            renderer.material.mainTexture = load_texture;
        }
    }
}

Comments

[KS-_-SK]

webGLでファイルの参照は、プログラムをしっかり書けば、できました。
私が参考にさせていただいたURL： https://teratail.com/questions/74190

[masutake0]

コメントありがとうございます。
System.IOを用いたWebglでのファイル参照を実際に行ったものを追記いたしました。
提示していただいたものでは確かにWebGLでテキストファイルの参照・変更は行われました。
しかし、追記したスクリプトでテクスチャの参照を試したところエディタ上ではテクスチャの反映・変更ができたのですが、WebGL上ではテクスチャが参照されませんでした。
何か知っていることがあれば教えていただきたいです。

[KS-_-SK]

画像は、「StreamingAssets」（←誤字・脱字不可）というフォルダ内にきちんと配置されていますでしょうか？

[masutake0]

StreamingAssetsのフォルダを作成してその中にblue.pngというファイルを配置しています

Answer 1

WebGL上でテクスチャの差し替えることができなかったため、テキストデータを差し替え、テキストデータに沿った描画を行うようにしました。
テキストデータから描画を行う方法に関しては別で質問を行い、回答をいただいています。