在AR框架中的实体上显示延迟隐藏显示...

如何解决在AR框架中的实体上显示延迟隐藏显示...

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

我正在使用aframe作为平台，所以现在尝试设计它。

体验将由5个场景组成，其中显示了多个资产，然后在播放某些动画后将其隐藏。

我尝试在场景级别更改可见的= true / false，但是一旦添加额外的场景，第8面墙就不会加载。

创建在实体级别控制取消隐藏的功能的最佳方法是吗？任何帮助将不胜感激。

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

<div v-for="item of array" :key="item.id" class="Box">
      <span :id="item.id" class="x-sign" @click="getDivId($event)">X</span>

它目前由按钮控制，但我希望它在x秒过去后自动发生

<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（）

或者，您可以将一个模型替换为另一个模型。看看这个例子：https://www.8thwall.com/playground/model-swap

它还使用按钮的点击来更改模型（通过删除实体上的gltf-model属性，然后设置一个新属性）。在这里，您还可以更改代码，以使您可以在X秒钟后使用setTimeout（）调用“ change”函数，而不是通过单击按钮触发

https://www.w3schools.com/jsref/met_win_settimeout.asp