Динамическое изменение цвета вершин в Three.js

Question

Я использую версию Three.js 57. Теперь я работаю в анимации с помощью JSONLoader. Я получил анимацию успешно. Но я хочу обновить полный цвет вершины сетки для каждого кадра в анимации. Является ли это possibe в three.js

Заранее спасибо

Answer 1

Vertex цвета в настоящее время не поддерживается в 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; 

Three.js R.59