ジオメトリからマージされたメッシュを3の代わりに1つの平和でテクスチャ化するにはどうすればよいですか?私のサンプルコードでは、テクスチャは分離された各ジオメトリ上で実行されます(画像、ポイント1と2を参照)。 2つの立方体と1つの円柱。使用マージされたメッシュの統一テクスチャ
コード:
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
もう一度。しかし、今私はUVの問題は、側面のテクスチャーと最悪の、シリンダーに適切な値を使用していない。表面の法線を使ってこのテクニックを見つけましたが、うまくいきません。 (http://stackoverflow.com/questions/20774648/three-js-generate-uv-coordinate) –