正确的UV映射Three.js [英] Correct UV mapping Three.js
本文介绍了正确的UV映射Three.js的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试正确映射UV纹理,但是失败了......
I'm trying to map the UV-texture correctly, but failing...
我的应用程序中有下一个结果:
I've got the next result in my app:
结果不是我在等待。我想要下一个描述的视图:
The result isn't that I was awaiting. I want to have the next described view:
源代码在这里:
推荐答案
您需要查看 PlaneGeometry.js
并了解如何设置UV。然后你就可以弄清楚如何重置它们。这应该有用 - 每个face有两个三角形。
You need to look at PlaneGeometry.js
and understand how the UVs are set. Then you will be able to figure out how to reset them. This should work -- there are two triangles per "face".
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
three.js r.62
这篇关于正确的UV映射Three.js的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文