aframe中的变量(动态设置)
提问于 2017-11-29 21:48:26
在aframe中，值似乎是显式字符串：
< a-sphere position="0 1.25 -5" radius="1.25" color="#EF2D5E" shadow></a-sphere
我希望能够动态地设置这些值。
在一个简单的aframe网页中正确实现以下pseudocode的“最简单”方法是什么：
(1) var； (2) var pos； (3)评价clr和pos的功能。 (4) < a-sphere position=pos radius="1.25“color=clr shadow>
然后，可能像在hand-coded animation中一样，继续重新计算clr和pos并显示altered sphere。
回答 1
Stack Overflow用户
发布于 2017-11-29 22:10:34
您不能将JS变量和DOM属性绑定到A帧中。我建议不要这样做，因为这会使代码随着复杂性的增加而更难理解。做您所描述的事情的A帧方法是定义自己的组件：
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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47566677
复制
腾讯云开发者
