标签：javascript three-js textures

我试图通过应用一个不太频繁重复的凹凸贴图来打破纹理中的重复.不幸的是,它似乎采用了下面(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.我能以某种方式混合这两个重复值吗？

解决方法:

不可以.偏移和重复值默认为其中一个：

// 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

标签：javascript,three-js,textures
来源： https://codeday.me/bug/20190901/1782528.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。