javascript - 三.JS：如何让纹理相互重叠？

Question

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

-

通过尝试重新创建 Game 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进行比较。

Warzone 2100 终于开始使用新的渲染器看起来不错，尤其是因为它们使纹理显示得比面部更大并且相互重叠，从而使锐利的边界消失了。是否可以使用three.js 达到相同的效果，如果可以，我将如何去那里？

Answer 1

纹理首先是附加到它的几何图形（谈到 3D），因此仅使纹理本身与其他纹理重叠是不太可能的。不过，您可以完美地使您的几何图形相互重叠。

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