javascript - 三个 JS 在缩放时保持标签大小

Question

我正在用 three.js 研究太阳系，我很好奇是否有一种简单的方法可以让我下面的行星标签都显示相同的大小，而不管它们离相机有多远？我似乎无法找到解决方案。我想你可以计算每个标签到相机的距离，然后根据它得出某种比例因子。似乎有更简单的方法来完成这个？

谢谢!

更新了 prisoner849 的回答。效果很好!

Answer 1

我认为您可以计算每个标签到相机的距离，然后根据该距离得出某种比例因子。

而且非常简单。比方说，一个 THREE.Sprite() 对象(标签)是一个 THREE.Mesh() 对象(行星)的子对象，那么在你的动画循环中你需要做

var scaleVector = new THREE.Vector3();
var scaleFactor = 4;
var sprite = planet.children[0];
var scale = scaleVector.subVectors(planet.position, camera.position).length() / scaleFactor;
sprite.scale.set(scale, scale, 1); 

我做了一个非常简单的 example太阳系，使用这种技术。