Question

在aframe中，值似乎是显式字符串：

< a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E" shadow></a-sphere

我希望能够动态设置值。

在简单的框架网页中正确实施以下pseudocode的“最简单”方式是什么：

（1）var clr;

（2）var pos;

（3）评估函数中的clr和pos

（4）＆lt; a-sphere position = pos radius =“1.25”color = clr shadow＆gt;

然后，或许与hand-coded animation一样，继续重新计算clr和pos并显示altered sphere。

Answer 1

您无法使用开箱即用的A-Frame绑定JS变量和DOM属性。我建议不要这样做，因为随着复杂性的增加，代码将更难以遵循。执行所描述的A-Frame方法是定义自己的组件：

AFRAME.registerComponent(“animate-position”,{
   tick: function () {
     var position = this.el.getAttribute(“position”);
     ... animation position calculation logic ...
     this.el.setAttribute(“position”, position);
   }
});

然后，您可以将组件分配给实体

<a-sphere animate-position><a-sphere>

aframe中的变量（动态设置）

1 个答案: