maptalks.three建筑物纹理

时间:2020-05-21 17:13:19

标签: three.js uv-mapping

我正在尝试对示例代码中得到的建筑物应用重复的小窗口纹理:

https://maptalks.org/maptalks.three/demo/vectortilelayer-mvt.html

我想做的是在建筑物侧面重复一个窗口(png 64x64)

我正在尝试放置此纹理:

texture.offset.set(0,0);
texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set(1,1);

var buildMaterial = new THREE.MeshPhongMaterial( { map: texture });

问题是在某些建筑物(例如拉伸)中纹理应用错误,所有建筑物的窗户都不尽相同。

我知道建筑物网格图块是由数个建筑物的THREE.BufferGeometry制成的(从geojson数据的特征中提取),然后使用该BufferGeometry创建了Mesh,然后应用了材质。

在附件图像上,您可以看到红色的纹理贴图错误,而绿色则是我想要看到的图像。

Image of the texture mapping issues

希望您可以帮助我!也许您知道使用maptalks获得具有纹理的建筑物的代码。

0 个答案:

没有答案