search

vasturiano / three-globe

WebGL Globe Data Visualization as a ThreeJS reusable 3D object
https://vasturiano.github.io/three-globe/example/links/
MIT License
1.22k stars 147 forks source link

[Feature request] Curved text label #12

Closed lslzl3000 closed 4 years ago

lslzl3000 commented 4 years ago

The label layer uses flat text geometry, it works fine, but I try to prevent long text goes far away from the surface:

Screen Shot 2020-07-16 at 05 29 48

it will be a great feature if text labels could curved nicely around the surface, especially for long text labels: Screen Shot 2020-07-16 at 05 29 13

lslzl3000 commented 4 years ago

The BendModifier (https://github.com/vasturiano/three-globe/issues/11#issuecomment-659034837) works fine, but too complex. After testing curved image/video element, I tried using sphere surface to draw a curved text label.

First draw some text on a canvas, then load canvas as a texture on a sphere mesh, it has no complex calculation and works very well for most of cases. I would take this method as a candidate.

lslzl3000 commented 4 years ago

A sphereGeometry with canvas to draw text would be a good solution, I will close this issue