canvas - Three.js:如何在缩放时保持 Sprite 文字大小不变

标签 canvas three.js sprite

在three.js中,当鼠标放大时,文本将被放大和缩小。

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

缩放鼠标时如何保持文本大小不变?

最佳答案

我的默认设置是, Sprite 会根据它们与透视相机的距离进行缩放,就像其他对象一样。

如果您不希望它们缩放,则可以覆盖使用正交摄影机渲染的 Sprite 的第二个场景。参见http://threejs.org/examples/webgl_sprites.html

它被称为“平视显示器”或HUD。

编辑:SpriteMaterial现在具有sizeAttenuation属性,您可以选择将其设置为false。默认值为true

three.js r.96

关于canvas - Three.js:如何在缩放时保持 Sprite 文字大小不变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20396150/

相关文章:

c++ - 在不同位置渲染相同 Sprite 的数组

javascript - 使用 Canvas 创建元素的位图副本

javascript 的绘图与 Canvas 错误

javascript - Three.js - 将平面缩放到全屏

javascript - 在盒子上渲染书籍封面

html - 跨域 svg Sprite

javascript - 在 html5 Canvas 中为自定义形状设置动画

javascript - 将触摸事件分配给 Canvas 中的元素 - iPad

javascript - 在 Three.js 中重新定位纹理

python - 使用 Pygame,在不同位置绘制图像的副本