Javascript 在threejs中将纹理正确添加到.obj
我目前正在尝试向Javascript 在threejs中将纹理正确添加到.obj,javascript,3d,three.js,textures,Javascript,3d,Three.js,Textures,我目前正在尝试向.obj添加纹理。我已经下载了()。纹理如下所示: 我已将图像加载到three.js中的obj,就像three.js中的一个示例所建议的那样: 纹理: var loader = new THREE.ImageLoader( manager ); loader.load( 'textures/Eye_D.jpg', function ( image ) { texture.image = image; texture.needsU
.obj
添加纹理。我已经下载了()。纹理如下所示:
我已将图像加载到three.js中的obj
,就像three.js中的一个示例所建议的那样:
纹理:
var loader = new THREE.ImageLoader( manager );
loader.load( 'textures/Eye_D.jpg', function ( image ) {
texture.image = image;
texture.needsUpdate = true;
} );
型号:
var loader = new THREE.OBJLoader( manager );
loader.load( 'obj/eyeball.obj', function ( object ) {
object.scale.set(25, 25, 25)
object.traverse( function ( child ) {
if ( child instanceof THREE.Mesh ) {
child.material.map = texture;
}
} );
object.position.y = 5;
scene.add( object );
}, onProgress, onError );
但是,我不知道如何正确添加纹理,因为虹膜应该单独进行纹理处理。目前看起来是这样的:
网格有3种纹理。您应该有一个.mtl文件和.obj文件。该文件包含要在网格上渲染的纹理。你试过OBJ+MTL加载器吗@哎呀!应该是这样!谢谢!!;-)别忘了加一盏灯。此外,您可能希望通过注释.mtl文件中以
map\U bump
开头的行来删除凹凸贴图。或者,您可以查看(源代码:Ctrl+U)以了解如何在不更改.mtl文件的情况下从triple.MultiMaterial()
材质中删除bumpMap
参数