我有一个平面平坦的模型,在该模型上应用凹凸贴图纹理在其上绘制并放置一些文本。我正在使用的代码是这样的:

loadedMesh.material.bumpMap = new THREE.Texture(canvas);
loadedMesh.material.bumpScale = 1;
loadedMesh.material.bumpMap.wrapS = loadedMesh.material.bumpMap.wrapT = THREE.ClampToEdgeWrapping;
loadedMesh.material.bumpMap.minFilter = THREE.LinearFilter;
loadedMesh.material.bumpMap.needsUpdate = true;
loadedMesh.material.needsUpdate = true;


场景具有模型和4个启用了阴影的定向灯。凹凸贴图效果很好,但质量确实很差。凹凸贴图的大小为2048x2048,我期待更好的质量。这里有一些图片:

javascript - 在threejs中提高凹凸贴图的质量-LMLPHP

javascript - 在threejs中提高凹凸贴图的质量-LMLPHP

javascript - 在threejs中提高凹凸贴图的质量-LMLPHP

如您所见,它的像素非常多,增加纹理大小并没有太大改善。如果从定向光到模型的入射角发生变化(例如,通过旋转模型),则质量也会发生变化。

凹凸贴图只是纯黑白图像,可以在图像上添加一些抗锯齿功能来提高质量吗?我知道凹凸贴图仅修改光的行为方式,它不会修改几何形状,但我在某些站点上看到增加模型的面数可以改善凹凸贴图(而不是位移贴图)的细节,这是否可以工作?

最佳答案

尝试使用法线贴图代替凹凸贴图。

09-25 15:11