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

定义:

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


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

我们看一下官方案例:

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

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


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时:



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值