Three.JS:如何使纹理相互重叠

Three.JS: How to make textures overlap each other?

本文关键字：重叠 纹理 何使 JS Three      更新时间：2023-09-26

TL；DR：我如何使纹理看起来比它们所附着的面更大，并具有渐变效果，从而使所有纹理相互重叠？

-

通过尝试重新创建游戏Warzone 2100学习三个.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

现在看起来是这样的。现在将其与此进行比较。

Warzone 2100终于开始用新的渲染器看起来不错了，尤其是因为它们使纹理显示得比人脸大，并且相互重叠，使尖锐的边界消失了。用three.js有可能达到同样的效果吗？如果有，我该怎么做？

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

如果你的纹理看起来"更大"，试着看看这里。

相关文章：