Несколько тегов холста Pano2VR

Question

Я создаю веб-приложение с несколькими панорамами, созданное с помощью Pano2VR, которое в основном представляет собой программное обеспечение, которое может выплевывать текстурированные кубические панорамы WebGL в теге canvas. Я хочу разместить около 11 из них на одной странице, чтобы при запросе пользователя браузер не загружал отдельную страницу. Мне просто нужно показать его и вывести на передний план.

Проблема в том, что, когда я помещал более 9 из этих панорам (которые являются полосками WebGL) на одной странице, некоторые из холстов пустые. Я предполагаю, что это проблема памяти. Это приложение работает локально, поэтому все ресурсы локально не загружены или что-то еще. Я не занимаюсь предварительной загрузкой, поэтому мне интересно, может ли это исправить. Я никогда не работал с предварительной загрузкой или чем-то еще, поэтому я не уверен, что это даже поможет.

Кто-нибудь когда-либо имел дело с наличием нескольких тэгов холста или нескольких тегов холста WebGL на странице, а некоторые пустые? Если у кого-то есть какие-то идеи, я все уши.

Answer 1

Оказывается, в случае Pano2VR вы можете загрузить отдельную панораму в тот же контейнер div. То есть вы можете ввести имя контейнера в качестве параметра для класса pano2vrPlayer, а затем просто запустить функцию readConfigUrl() в отдельном файле XML и создать еще один холст в контейнере. Таким образом, каждый раз, когда вы запрашиваете панораму, она загружает ее по мере необходимости. Я не сталкивался с проблемами, когда приложение замедлялось, потому что ранее загруженная панорама все еще занимала память, поэтому проблема кажется решенной. Теперь приложение загружается без проблем со скоростью.