Скриншот Aframe не показывает элементы

Question

Я пытаюсь сделать equirectangular снимок экрана сцены, на которой сфера на заднем плане с 360 видео и некоторыми текстами / элементами в сцене.

Я экспортирую снимок экрана, чтобы использовать его в видео, и хочу, чтобы фон был прозрачным, чтобы позже его можно было смешать с видео, поэтому я пытаюсь изменить фон на зеленый, пока делаю снимок экрана, и затем верните его в видео.

const scene  = document.querySelector('a-scene')
const panoSphere  = document.querySelector('.panoSphere')

panoSphere.setAttribute('material', 'color', '#00ff00')

const equidataData = scene.components.screenshot.getCanvas('equirectangular')

С этим кодом фон работает, и я получаю зеленый скриншот, но другие элементы не отображаются.

Если я уберу

panoSphere.removeAttribute('material-color-correction')
panoSphere.setAttribute('material', 'color', '#00ff00')

Затем на снимке экрана отображаются объекты горячей точки, однако с фоном видео, который я пытаюсь удалить.

Я попытался установить тайм-ауты и т. Д., Чтобы увидеть, если это проблема времени, но не повезло.

Я также попытался добавить новую сферу или изменить материал сферы в компоненте, но не повезло.

Просто кажется, что если я сделал обновление для сферы, что бы ни случилось, компонент скриншота показывает только эту сферу

т.е. если я изменю цвет сферы

если я не изменю цвет, текст справа показывает, но видео тоже

Answer 1

Я закончил тем, что удалил сферу и установил зеленый цвет фона сцены, который мне нужен.Это исправило это.