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

我最终移除了球体并将场景的背景色设置为所需的绿色。这样就解决了。