THree.js：从 orthographicCamera 缩放时如何保持精灵文本大小不变

Question

在带有orthographicCamera的three.js中，当鼠标缩放时，Sprite会相应地放大和缩小。

var camera = new OrthographicCamera(width / - 2, width / 2, height / 2, height / - 2, 0.01, 100000);


var texture = new THREE.Texture( canvas );
var material = new THREE.SpriteMaterial ( { map: texture, transparent:false } );
var sprite = new THREE.Sprite( material );
scene.add(sprite);

当鼠标缩放时，如何防止文本大小发生变化？

Answer 1

我不确定您是如何执行缩放的，因为这可能意味着：

• 移入或移出相机
• 使相机的视野更窄或更宽

但我认为您正在寻找 SpriteMaterial.sizeAttenuation = false; 这使精灵保持恒定大小，无论其在场景中的深度如何。 See here for the documentation 但是，我相信这只适用于透视相机。