javascript - three.js Material 可以为凹凸贴图和纹理贴图设置单独的重复值吗？

Question

我试图通过应用重复频率低得多的凹凸贴图来打破纹理中的重复。不幸的是，它似乎采用了下面 (64) 的 'landTexture' 的重复值，而不是我将其设置为 (1) 的值。

landTexture.wrapS = landTexture.wrapT = THREE.RepeatWrapping;
landTexture.repeat.set(64, 64);
bumpTexture.wrapS = bumpTexture.wrapT = THREE.RepeatWrapping;
bumpTexture.repeat.set(1, 1);
var m = new THREE.MeshPhongMaterial({map:landTexture, 
                                     ambient: 0x552811, 
                                     specular: 0x333333, 
                                     shininess: 25, 
                                     bumpMap: bumpTexture, 
                                     bumpScale: 1, 
                                     metal: false });

如果我注释掉 map:landTexture，则凹凸贴图比例为 1。我可以以某种方式混合这两个重复值吗？

Answer 1

没有。偏移量和重复值默认为其中之一:

// uv repeat and offset setting priorities
//  1. color map
//  2. specular map
//  3. displacement map
//  4. normal map
//  5. bump map
//  5. roughness map
//  5. metalness map
//  6. alpha map
//  7. emissive map

在您的情况下，这将是 landTexture 设置。

解决方法是修改您的纹理，或创建自定义 ShaderMaterial。

编辑:光照贴图和环境遮挡贴图除外，它们都使用第二组 UV。这允许其他纹理比光照/AO 贴图具有更高的细节。

three.js r.84