Javascript 显示延迟隐藏显示。。。论AR框架中的实体

我有点像Dev noonb，但我想在AR应用程序中创建一个流，允许我显示/延迟/隐藏/显示行为类型

我使用一个框架作为一个平台，所以现在尝试设计它

体验将包括5个场景，其中显示多个资源，然后在播放一些动画后隐藏

我试图在场景级别更改visible=true/false，但一旦添加了额外的场景，第八面墙就不会加载

创建函数以在实体级别控制取消隐藏的最佳方法是什么？任何帮助都将不胜感激

这是我到目前为止所拥有的

<a-entity
    id="model"
    gltf-model="#animatedModel"
    class="cantap"
    scale="55 55 55"
    animation-mixer="clip: FLOAT"
    xrextras-hold-drag 
    xrextras-two-finger-rotate
    xrextras-pinch-scale
    shadow
    visible="true">
  </a-entity>

---

你可以用几种不同的方法

是的，您可以在场景中同时使用两个模型，并且在需要时隐藏一个，显示另一个。在您的示例中，单击按钮可以进行交换，但是如果您需要时间延迟，请查看使用setTimeout（）的方法

或者，您可以将一个模型替换为另一个模型。看看这个例子：

它还使用按钮点击来更改模型（通过删除实体上的

gltf model

属性，然后设置一个新属性）。在这里，您还可以更改代码，这样您的“更改”功能就可以在X秒后使用setTimeout（）调用，而不是通过点击按钮触发

const nextButtonComponent = () => ({
  init() {
    const visibilityList = ['text', 'sun']
   const model = document.getElementById('model')
   const sunmodel = document.getElementById('sunmodel')
    const nextButton = document.getElementById('nextbutton')

    nextButton.style.display = 'block'

   
    const nextAnimation = () => {
      model.setAttribute('visible', false)
      sunmodel.setAttribute('visible', true)
    
    }
    nextButton.onclick = nextAnimation // Switch to the next animation when the button is pressed.
  },
})

export {nextButtonComponent}