UV テクスチャを正しくマッピングしようとしていますが、失敗しています...
アプリで次の結果が得られました。
結果は私が待っていたものではありません。次の説明されたビューが必要です。
ソースコードは次のとおりです。
UV テクスチャを正しくマッピングしようとしていますが、失敗しています...
アプリで次の結果が得られました。
結果は私が待っていたものではありません。次の説明されたビューが必要です。
ソースコードは次のとおりです。
PlaneGeometry.js
UV がどのように設定されているかを見て理解する必要があります。次に、それらをリセットする方法を理解することができます。これは機能するはずです。「面」ごとに 2 つの三角形があります。
for(var i = 0; i < geometry.faces.length / 2; i++) {
geometry.faceVertexUvs[ 0 ].push(
[
new THREE.Vector2( 0, 0 ),
new THREE.Vector2( 0, 1 ),
new THREE.Vector2( 1, 0 ),
] );
geometry.faces[ 2 * i ].materialIndex = i;
geometry.faceVertexUvs[ 0 ].push(
[
new THREE.Vector2( 0, 1 ),
new THREE.Vector2( 1, 1 ),
new THREE.Vector2( 1, 0 ),
] );
geometry.faces[ 2 * i + 1 ].materialIndex = i;
materials.push( createTexture( i ) );
}
//geometry.computeFaceNormals(); // not needed
//geometry.dynamic = true; // not needed
//geometry.uvsNeedUpdate = true; // not needed since plane has not been rendered yet
three.js r.62