Three.js在没有MTLLoader的情况下加载纹理

时间:2018-02-07 15:48:39

标签: javascript html5 canvas three.js webgl

我正在尝试用Three.js创建一个项目,我有一些问题。

我想在不使用MTLLoader的情况下在Obj文件中添加纹理。

所以我正在做以下代码:

var loader  = new THREE.ImageLoader( manager );
var textureBody = new THREE.Texture();
loader.load( 'obj/t1.jpg', function ( image ) {
  textureBody.image = image;
  textureBody.needsUpdate = true;
});

var objLoader = new THREE.OBJLoader();
    objLoader.load( 'obj/salto.obj', function ( object ) {
       object.traverse( function ( child )
       {
          if ( child instanceof THREE.Mesh )
          {
            meshes.push(child);
          }
      });
      var head = meshes[0];
      head.material = new THREE.MeshPhongMaterial({map: textureBody, specular: 0xfceed2, shininess: 0}); 
      head.position.y = -18;
      head.position.x = 5;

      scene.add(head);
  }, onProgress, onError );

问题是对象中的纹理不适合

Image of the sample

正如你可以在高跟鞋中看到的那样,我必须在质地上发生变形。

感谢您的帮助

0 个答案:

没有答案