1

以下のような別のメッシュの上にメッシュがあります（上部のメッシュ領域は暗いです）

ここに画像の説明を入力してください

そのようなテクスチャ画像を追加すると、

var logoTexture = THREE.ImageUtils.loadTexture( logoPath );
mesh.material = new THREE.MeshBasicMaterial( { map:logoTexture } );

画像が破損しているように見える（右側から切り取られている）

ここに画像の説明を入力してください

元の画像は次のようになります。

ここに画像の説明を入力してください

この問題の原因はわかりません。画像も512x512ピクセルです。

4

1 に答える 1

3

テクスチャのアスペクト比がジオメトリと一致していない可能性があります。ジオメトリのサイズを調整したり、次のようにテクスチャの配置とストレッチを操作したりできます。

var map = logoTexture;

map.wrapS = THREE.RepeatWrapping;
map.wrapT = THREE.RepeatWrapping;

map.offset.x = 0; // adjust as needed to move horizontally
map.offset.y = 0; // adjust as needed to move vertically

map.repeat.x = 1; // adjust as needed to stretch horizontally
map.repeat.y = 1; // adjust as needed to stretch vertically
于 2013-01-30T12:40:56.133 に答える