Отдельные материалы в одной сетке реагируют с тремя волокнами

#three.js #react-three-fiber

Вопрос:

По сути, у меня есть куча геометрий, которые мне нужны для отображения уникального и обновляющегося текста.

Подход, который я использовал для отображения текста, заключается в использовании материала холста, который(наряду с положением сетки) постоянно обновляется в a useFrame .

Тем не менее, единственный способ, которым я смог заставить текстуру работать, заключается в следующем, и все геометрии, очевидно, разделяют ее.

 <instancedMesh ref={meshRef} args={[null, null, intervalData.length]}>
  <circleBufferGeometry args={[sizes.radius ?? 0.6, sizes.segments ?? 48]}>
    <instancedBufferAttribute attachObject={['attributes', 'color']} args={[colorArray, 3]} />
  </circleBufferGeometry>
  <meshStandardMaterial vertexColors={THREE.VertexColors} map={texture}/>
</instancedMesh>
 

Как можно было бы настроить текстуры для каждого экземпляра? Есть ли где-нибудь, где я могу сохранить массив текстур и назначить их сетке?

Ответ №1:

Вероятно, любое повышение производительности от InstancedMesh будет превзойдено с помощью спрайта, не говоря уже о более полезном.