Как выполнить выбор поверхности в threejs

Для моего проекта мне нужно выбрать область (набор треугольников) и при наведении мыши изменить цвет. В качестве входных данных у меня есть список площадей и набор идентификаторов треугольников. Я использую индексированную буферную геометрию. Я также установил атрибут цвета, чтобы изменить цвета лица.

Красное поле — это моя целевая область, но когда я меняю все цвета этой вершины, это влияет на другого соседа. В чем может быть причина?

ОТРЕДАКТИРОВАНО

Теперь я использую неиндексированную буферную геометрию. Я не думаю, что раскраска вершин немного странная, как на этом изображении ниже.

Могу ли я использовать геометрию.groups для разделения одной поверхности, чтобы сопоставить ее с одним материалом?

РЕШЕНО

Результат связан с моей ошибкой, потому что я не думал, что массив цветов является значением rgb для каждой вершины.