褪色MeshBasicMaterial threejs

Question

我有一个具有平面几何体的MeshBasicMaterial。材质围绕着平面像轮廓一样，最初会是绿色的。我在应用程序中有一个时钟。我需要每秒钟减小轮廓的长度以提醒用户其轮廓时间用完了。所以轮廓会从飞机的顶部顺时针褪色并在时间用完时消失。希望您能明白。现在有谁能帮助我实现这一目标。

Answer 1

一种解决方法：创建一个ring geometry并使用animejs或tweenjs对其属性thetaLength进行动画处理。

Answer 2

在3D应用中创建一个环，该环的坐标沿着网格的长度延伸。然后创建一个渐变纹理，即一半黑色，一半白色（1x256）。将纹理应用于环形网格上的材质。使用animejs对纹理偏移进行动画处理。

Answer 3

如果您确实想要最好的性能，请创建一个procedural texture using glsl shader和map that onto a plane。