Use this library on r3f>

[reigj1]

Hi, I need to use this library:

https://github.com/SeregPie/THREE.TextSprite

let instance = new THREE.TextSprite({
  alignment: 'left',
  color: '#24ff00',
  fontFamily: '"Times New Roman", Times, serif',
  fontSize: 8,
  fontStyle: 'italic',
  text: [
    'Twinkle, twinkle, little star,',
    'How I wonder what you are!',
    'Up above the world so high,',
    'Like a diamond in the sky.',
  ].join('\n'),
});
scene.add(instance);

How can I do this on r3f?

[drcmda]

just use it, what's the problem you face?

import { extend } from 'react-three-fiber'
import { TextSprite } from '...'

extend({ TextSprite })

function Foo() {
  return <textSprite text="hello" />

or create it like above and use <primitive object={instance} />.

btw, you're probably better of use drei's text component which is driven by troika: https://github.com/pmndrs/drei#text