Modyfikowanie wierzchołków w obiekcie THREE.BufferGeometry

Question

Potrzebuję selektywnie pokazywać/ukrywać ponad 1000 linii o różnych rozmiarach, pozycjach i kolorach.

Moja pierwsza próba uczyniła THREE.Geometry z nazwą dla każdego. Aby ukryć/pokazać, powtarzam po scenie i ukrywam/pokazuję na podstawie nazwy i mojej heurystyki. Wydawało się to bardzo powolne - około 50 Hz dla ~ 1000 linii.

Wykonałem test z podobnym podejściem, ale używając tylko jednego TRZECIA.Geometry do przechowywania wszystkich linii. To było znacznie szybsze, ale oczywiście mogę zastosować tylko jeden materiał do wszystkich linii, co nie jest dobre. Udało mi się ustawić odpowiednie flagi i zaktualizować pozycje linii podczas działania aplikacji.

Najlepszym podejściem wydaje się użycie TRZECH.BufferGeometry. Zrobiłem test, który był bardzo szybki i działał zgodnie z oczekiwaniami w początkowej konfiguracji, ale nie byłem w stanie zmienić pozycji/widoczności i koloru każdej linii później. Zrobiłem skrzypce JS, które to ilustrują - http://jsfiddle.net/SSnKk/ - ale wywołanie buffer_geometry.dynamic = true; i buffer_geometry.verticesNeedUpdate = true; nie sprawdziło się.

Answer 1

Trzeba zadzwonić

buffer_geometry.attributes.position.needsUpdate = true; 
buffer_geometry.attributes.color.needsUpdate = true; 

Aktualizacja skrzypce: jsfiddle.net/hjx3rLmt/1

Three.js r.76