解决 AFrame 中的克隆实体以修改属性

Addressing cloned entities in AFrame to modify attributes

我正在 aframe 中构建一个项目，我想动态地 create/clone 许多新实体，例如立方体，然后将它们放置在场景中。然后我想根据定时函数和来自 REST API 的一些外部数据更新已添加到场景中的特定立方体属性，例如将 id="cube-9" 处的立方体移动到位置：" 0 10 1”。我如何 update/remove 基于其唯一 ID 的特定多维数据集？我尝试克隆一个多维数据集实体并给它一个唯一的数字 ID，这似乎有效，但我不知道如何根据我给它的唯一 ID 调用和更新特定的多维数据集实体。我正在使用下面示例中的代码来创建克隆。谢谢！

https://dev.to/azure/how-to-build-a-webvr-game-with-a-frame-4ifg

var el = document.querySelector("#yourid");

或

var el = document.getElementById(“yourid”);

然后修改组件

el.setAttribute(“componentName”, {propName1: value1, propName2: value2...}

此外 ID 必须以字母开头：ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods ("."). https://www.w3.org/TR/html4/types.html#type-id

解决 AFrame 中的克隆实体以修改属性

Addressing cloned entities in AFrame to modify attributes

three.js

webvr

aframe