Three.js 使网状基本材质褪色

我有一个MeshBasicMaterial，它有一个planegeomatry。该材料围绕着平面，就像一个轮廓，最初是绿色的。我在应用程序中有一个时钟。我需要每秒钟缩短一次轮廓的长度，以提醒用户他们的时间快到了。因此，轮廓将从平面顶部顺时针方向流动，随着时间的推移逐渐消失用完了。希望你能明白。现在有谁能帮我实现这一点。

解决这个问题的一个方法是：使用动画或tweenjs创建一个环，并为其属性的长度设置动画。

在3D应用程序中创建一个环，映射沿网格长度延伸的坐标。然后创建一个渐变纹理，即半黑半白（1x256）。将纹理应用于环形网格上的材质。使用动画制作纹理偏移的动画。

如果您确实希望获得最佳性能，请创建一个和。

这不是一种真正的性能方法，因为您必须在每个动画步骤生成几何体。此外，如果忘记处理旧的几何体，会产生很好的内存泄漏。就像在

three.js

论坛中解释的那样，OP应该为

Object3D.scale

（）制作动画。@ThomasWilliams怀疑的陈述。无可否认，我是个傻瓜，所以请原谅（第一次在这里回答threejs问题）。经过一番努力，我意识到在tween'change'侦听器上从头开始重建环形几何体并不能很好地发挥作用。然后在ringGeo上执行纹理变换会起作用，但不会如预期的那样（UV是平面贴图，而不是沿长度）。如果我必须这样做，我要么导入一个具有正确贴图坐标的环，并在遮罩纹理上设置偏移量.x的动画，要么创建一个动画纹理。到目前为止，您尝试了什么？