Three.JS：如何让纹理相互重叠？

Question

TL; DR：如何使纹理看起来比它们所附着的面更大，具有淡化效果，以便所有纹理相互重叠？

-

尝试重新创建游戏Warzone 2100来学习three.js。 ：）

我正在为地面加载默认纹理：

var texture = THREE.ImageUtils.loadTexture('tile-53.png'); // Specify file
texture.wrapS = texture.wrapT = THREE.RepeatWrapping; // Make the texture repeat
texture.repeat.set(map_width, map_height); // Repeat for every face
texture.anisotropy = 100; // Disable anisoptropy

目前它看起来像this。现在将其与this进行比较。

Warzone 2100最终开始在新渲染器上看起来很好，特别是因为它们使纹理显示比面部更大并且相互重叠，使得锐利的边框消失。是否有可能与three.js达到相同的效果，如果是这样，我将如何去那里？

Answer 1

纹理首先附着在它的几何上（谈到3D），所以要使纹理本身重叠其他纹理是不可能的。但是，您可以完美地使几何图形相互重叠。

对于看起来“更大”的纹理，请尝试查看here。