#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 будет превзойдено с помощью спрайта, не говоря уже о более полезном.