在threejs中提高凹凸貼圖的質量

Question

我有一個平面平坦的模型，在該模型上應用凹凸貼圖紋理在其上繪制並放置一些文本。 我正在使用的代碼是這樣的：

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，我期待更好的質量。 這里有一些圖片：

如您所見，它的像素非常多，增加紋理大小並沒有太大改善。 如果從定向光到模型的入射角發生變化（例如，通過旋轉模型），則質量也會發生變化。

凹凸貼圖只是純黑白圖像，可以在圖像上添加一些抗鋸齒功能來提高質量嗎？ 我知道凹凸貼圖僅修改光的行為方式，它不會修改幾何形狀，但我在某些站點上看到增加模型的面數可以改善凹凸貼圖（而不是位移貼圖）的細節，這是否可以工作？

Answer 1

嘗試使用法線貼圖代替凹凸貼圖。