A-Frameで使用するメモリを管理する方法は？

Question

私は360度の画像をa-skyプリミティブにロードしたWebアプリケーションを構築しています。私はaframe-reactを使用しています。合計20+ 360度の画像があり、にはimgの資産が1つしかありません。ユーザーがシーンを反応させると、アセットimgのsrcが変更され、シーンがレンダリングされます。すべて正常に動作しますが、キャッシングのために多くのメモリを使用しています。 1回は4GB +メモリを使用しました。モバイルでは、〜8 +画像を切り替えるとWebページがクラッシュします。どのようにこの状況に対処しますか？

私はTHREE.Cacheを調べてみましたが、そこに画像がキャッシュされていませんでした。

このメモリ使用量は、Reactの使用と関係していますか？

Answer 1

A-Frameが自動的に管理するには問題がありますが、今はテクスチャをクリアするためにハックする必要があります。

AFRAME.scenes[0].systems.material.textureCache[url].then(function (texture) { 
    texture.dispose();  
});