How to wrap 2d text around a 3d object

[TerryBerk]

Hello, everyone, please tell me I need to wrap a flat 2d text around a 3d object. I need my text to be wrapped in a circle, or rather in a ring and be responsive?
I tried to follow the classic path, I can create Text in Three, but I can't wrap it in rings. I can also create rings with `THREE.TorusBufferGeometry', but I don't understand how to put text on it.
I guess I can do it with glsl shaders, but I think it's too complicated.

[gsimone]

https://www.gsim.one/ something like this?

You can find the code here https://github.com/gsimone/gsim.one although I'm not 100% sure about the details after weeks

[robksawyer]

@gsimone Any way to get tailwindcss working with this? It seems that just applying className to context doesn't work.

[gsimone]

https://discord.gg/ZZjjNvJ

[TerryBerk]

@gsimone Ohhhh man, I think this is what I need, I'll try to apply it to myself tomorrow and write it off. Thank you so much.

[drcmda]

createportal allows you to render into a separate object, in this case

const scene = new THREE.Scene()

it's a react fature: https://reactjs.org/docs/portals.html

you need to render the text into its own scene because it shouldn't be displayed in the default scene where the sphere resides in. the ortho camera is set to look down without perspective shift, we use these two, the scene and that cam, to render into a webglrendertarget, which is an off buffer. the texture from that buffer can now be used as a simple texture map on the sphere.

[TerryBerk]

@gsimone @drcmda I would like to thank you for your contribution to this library and for the excellent examples that make it very easy to work and develop. I wanted to share my small illustrations, using different techniques, which can be useful for other people.

If you have an opportunity, I would like you to look at it and appreciate its performance: https://codesandbox.io/s/instalationv3-i0ycl?file=/src/ModelLogo.jsx

The illustration is interactive, when you click on the inscription the background is changed.

[gsimone]

Check out the discord channel, you are welcome to come there and share your creation, we are an enthusiastic bunch of people 🚀

[robksawyer]

@gsimone what Discord channel exactly?

[drcmda]

this one https://discord.gg/ZZjjNvJ