多個Pano2VR畫布標籤

Question

我正在構建一個具有多個使用Pano2VR構建的全景圖的網絡應用程序，該應用程序基本上是一種可以在畫布標記中吐出紋理WebGL立方體全景圖的軟件。我想將其中的11個放在一個頁面上，這樣當用戶請求時，瀏覽器不必加載單獨的頁面。我只需要取消隱藏並將其放到前面。

問題是，當我在單頁上放置超過9幅這些全景圖（即WebGL畫布）時，一些畫布變爲空白。我猜這是一個記憶問題。這個應用程序在本地運行，所以所有的資產都是本地沒有下載或任何東西。我沒有做任何類型的預加載，所以我想知道是否可以解決它。我從來沒有與預加載或任何工作，所以我不知道它甚至會有幫助。

有沒有人曾經處理過在頁面上有多個canvas標籤或多個WebGL canvas標籤，並且有些空白？如果任何人有任何想法，我都耳熟能詳。

Answer 1

事實證明，在Pano2VR的情況下，你可以加載一個單獨的全景圖到同一個div容器中。也就是說，您可以輸入容器名稱作爲pano2vrPlayer類的參數，然後只需在單獨的XML文件上運行readConfigUrl（）函數，它將在容器中創建另一個畫布。這樣，每次請求全景圖時，都會根據需要加載它。我還沒有遇到任何應用程序放緩的問題，因爲之前加載的全景照片仍在佔用內存，所以問題似乎已解決。該應用現在沒有速度問題。