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

我最终移除了球体并将场景的背景颜色设置为我想要的绿色。这解决了它。