时间戳

首页 > 解决方案 > 如何在 Three.js 中绘制几何上的各种纹理

three.js - 如何在 Three.js 中绘制几何上的各种纹理

问题描述

我正在尝试创建的地图是等距的，并且绘制在 44x44 像素图块中。每个平铺材料都是一个加载的图像。

ID 为 1 的材质可以在视图中的不同 x/y 位置重复使用。ID 为 2 的材料只能使用一次。对于需要绘制的任何剩余图块也是如此。

我在文档中没有找到任何有用的东西，而且在网上找到的使用建议createMultiMaterialObject似乎已经过时了。

标签： three.js

解决方案

如果您只有一个几何图形并想在其上应用多种材料，则必须定义所谓的组数据。这些数据允许您使用不同的材料渲染几何的不同部分。定义组后，您可以像这样创建（多材质）网格：

const mesh = new THREE.Mesh( geometry, [ material1, material2, material3 ] );

three.js R111

推荐阅读