首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >aframe中的变量(动态设置)

aframe中的变量(动态设置)
EN

Stack Overflow用户
提问于 2017-11-30 05:48:26
回答 1查看 500关注 0票数 0

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中一样,继续重新计算clrpos并显示altered sphere

EN

回答 1

Stack Overflow用户

发布于 2017-11-30 06:10:34

您不能将JS变量和DOM属性绑定到A帧中。我建议不要这样做,因为这会使代码随着复杂性的增加而更难理解。做您所描述的事情的A帧方法是定义自己的组件:

代码语言:javascript
代码运行次数:0
运行
复制
AFRAME.registerComponent(“animate-position”,{
   tick: function () {
     var position = this.el.getAttribute(“position”);
     ... animation position calculation logic ...
     this.el.setAttribute(“position”, position);
   }
});

然后,可以将组件分配给实体。

代码语言:javascript
代码运行次数:0
运行
复制
<a-sphere animate-position><a-sphere>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47566677

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档