如何使几何体中的合并网格在一次安宁而不是3次纹理化?在我的示例代码中,纹理是在每个分离的几何体上完成的(请参阅图像,点1和2)。两个立方体和一个圆筒。使用合并网格上的均匀纹理
代码:
scene = new THREE.Scene();
var texture = new THREE.TextureLoader().load('1-3-2-5-Bois.jpg');
var mesh = [], no = 0;
var meshes = [];
var geometry = new THREE.CubeGeometry(2, 10, 1);
mesh[no] = new THREE.Mesh(geometry);
meshes.push(mesh[no]);
no++;
geometry = new THREE.CylinderGeometry(0.5, 0.5, 10, 32);
mesh[no] = new THREE.Mesh(geometry);
mesh[no].position.set(1, 0, 0);
mesh[no].rotation.x = 0;
mesh[no].rotation.y = Math.PI/2;
mesh[no].rotation.z = 0;
meshes.push(mesh[no]);
no++;
geometry = new THREE.CubeGeometry(5, 10, 1);
mesh[no] = new THREE.Mesh(geometry);
mesh[no].position.set(-3.5, 0, 0);
meshes.push(mesh[no]);
no++;
geometry = mergeMeshes(meshes);
var material = new THREE.MeshBasicMaterial({ map: texture });
mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);
...
function mergeMeshes (meshes) {
var combined = new THREE.Geometry();
for (var i = 0; i < meshes.length; i++) {
meshes[i].updateMatrix();
combined.merge(meshes[i].geometry, meshes[i].matrix);
}
return combined;
}
是的,这是做的工作。另外,我们可以将图像/纹理旋转90度吗? –
简单地翻转U和V坐标。这会产生旋转90度的效果。 – griffin2000
再次罚款。但是现在我遇到了紫外线不能正确使用侧边纹理和最差的问题,即圆柱体的问题。我发现这种技术使用曲面法线,但它不起作用。 (http://stackoverflow.com/questions/20774648/three-js-generate-uv-coordinate) –