Irregular text position

Questions
1

Hello Three.js community,

I’m encountering a persistent issue with my card animation project, and I’m hoping to get some insights or solutions.
After the card is shown in the center, the image changes, and the text position changes. However, the positions of each name are different. I tried adjusting the height to fit the text width, but there were some texts that were not affected. When I checked by making all names the same, I confirmed that the text goes up as the card is on top. There is a way to manually specify the position of each name, but I couldn’t do that because the nature of the project requires that the positions of the cards be modified. Do you have any good ideas?

image
image1920×1080 69.3 KB

  • I think Negreanu’s text position is the most ideal position.
2

Hard to guess. But try this: in file main.js line 266 change this code:

nameMesh.position.set(0, -3.1 + horizOffset, 0.51);

into this:

nameMesh.position.set(0, -3.1, 0);

This may (or may not) align all names equally.