Animation A帧、多边形动画

我正在尝试为a帧中的多边形设置动画，如图所示：

现在的目标是更改动画中形状的不透明度。我不知道如何访问动画中的形状/多边形属性-可能是这样的：

// animation
let opacityAnimation = document.createElement( 'a-animation' );

<a-animation attribute="material.opacity"
             to = "0"
             dur = "5000">
</a-animation>

以下几行不清楚：

opacityAnimation.setAttribute( 'mesh.material', 'opacity' );
opacityAnimation.setAttribute( 'to', '0' );
opacityAnimation.setAttribute( 'dur', '5000' );
this.el.appendChild( opacityAnimation );

编辑：

---

下面是一个实例：

您将

mesh.material

设置为

opacity

。我相信您希望指定动画属性。由于动画元素应如下所示：

// animation
let opacityAnimation = document.createElement( 'a-animation' );

<a-animation attribute="material.opacity"
             to = "0"
             dur = "5000">
</a-animation>

---

现在，如果要将材质组件与自定义/多边形几何体一起使用，则需要以稍微不同的方式创建它

让我们在three.js中创建几何体，并使用现有的材质组件，而不是创建由自己的几何体和材质组成的新网格。
因此，我简单地将添加新网格替换为一个简单的：

var myShape = new THREE.Shape(points);
var geometry = new THREE.ShapeGeometry(myShape);
this.el.getObject3D('mesh').geometry = geometry;

您应该等到object3D加载完毕后才能正常运行，在我的提琴中，我只做了一个简单的超时。

---

现在，我们可以按预期使用动画组件，并更改

材质.不透明度

在一个盒子上进行实时检查。

---

在多边形上进行实时检查。

thx。如果你想改变像a-box这样的东西的不透明度，我发现这是可行的。但是对于自定义形状，这似乎不起作用。让我们看看这里：（大约第50行）你是对的，实体中没有材质组件，我不确定如何从动画实体访问object3D材质，我正在尝试在多边形组件中设置不透明参数，但它还没有正确更新-如果你检查控制台，对象不透明正在改变，但是模型没有更新，下班后我会检查的，我想我会很感激的！因为它非常相关：你知道一个简单的方法来改变不透明度点击多边形？这个.el.AddEventListener（'click'，clickFunction（））似乎不起作用..啊-哇！非常感谢你！有没有一个简单的方法可以通过点击事件触发它？@anathapinika设置

begin

属性：？