three.js - 在 Three.js 中动态改变顶点颜色

Question

我正在使用 Three.js 57 版本。现在我正在使用 JSONLoader 制作动画。我成功获得了动画。但我想为动画中的每一帧更新网格的完整顶点颜色。这可能在three.js中吗

提前致谢

Answer 1

中当前不支持顶点颜色CanvasRenderer。

这是您需要遵循的模式WebGLRenderer：

THREE.VertexColors为网格创建材质时设置；

material.vertexColors = THREE.VertexColors;

还要确保vertexColors为几何图形的每个面都定义了它。

geometry.faces[ faceIndex ].vertexColors[ vertexIndex ] = new THREE.Color( 0xff0000 );

然后在您的渲染循环中，要更改顶点颜色，请执行以下操作：

geometry.faces[ faceIndex ].vertexColors[ vertexIndex ].setHSL( Math.random(), 0.5, 0.5 );
mesh.geometry.colorsNeedUpdate = true;

三.js r.59