texture中的 anisotropy属性,纹理的各向异性

定义:

anisotropy: 沿通过具有最高纹理像素密度的像素的坐标轴取样的数量。默认情况下,此值为1.较高的值会产生比基本mipmap更少的模糊结果,但需要使用更多纹理样本。使用renderer.getMaxAnisotropy()来查找GPU的最大有效各向异性值; 这个值通常是2的幂。


这样能实现什么效果呢:如果大家想让物体缩小的时候,任然比较清晰,可以将 anisotropy: 设大;

我们看一下官方案例:

https://threejs.org/examples/#webgl_animation_cloth

我们重新设置一下anisotropy的值:

texture中的 anisotropy属性,纹理的各向异性_第1张图片

var loader = new THREE.TextureLoader(); var groundTexture =
loader.load( ‘textures/terrain/grasslight-big.jpg’ );
groundTexture.wrapS = groundTexture.wrapT = THREE.RepeatWrapping;
groundTexture.repeat.set( 25, 25 ); groundTexture.anisotropy = 16;

当为16时,我们缩放页面到最下的效果:


当设置为1时:



你可能感兴趣的:(three.js)