可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):
问题:
I am trying to add texture to a model that I converted to json and imported from 3ds Max. I searched but didn't find any code online which applies texture to json models using three.js r53. I guess the way Three.js handles textures changed from previous version. Any guidance?
Following is my code:
var texloader = new THREE.TextureLoader(); var tex=texloader.load("second.jpg"); var mat = new THREE.MeshBasicMaterial({ map: tex }); loader = new THREE.JSONLoader(); loader.load( "js/JsonModels/toothz.js", function( geometry, mat ) { mat[0].shading = THREE.SmoothShading; var material = new THREE.MeshFaceMaterial( mat); mesh = new THREE.Mesh( geometry, material ); mesh.scale.set( 3, 3, 3 ); mesh.position.y = 0; mesh.position.x = 0; scene.add( mesh ); } );
回答1:
May be the other answer worked on the older version, this is how I got it working
var textureLoader = new THREE.TextureLoader(); textureLoader.load(url); // Add the event listener textureLoader.addEventListener('load', function(event){ // The actual texture is returned in the event.content sphere.material.map = event.content; });
回答2:
EDIT: This post was a year old when I answered it, and it seems like my answer got posted shortly before the API changed. This answer won't work (trusting the words of Kumar Sanket Sahu, haven't tested)
Even if this is older than a year, since I came around it now when searching for the solution:
textureloader gives you a callback once the texture is loaded:
var texloader = new THREE.TextureLoader(); texloader.load("second.jpg", function(tex) { var mat = new THREE.MeshBasicMaterial({ map: tex }); var loader = new THREE.JSONLoader(); loader.load( "js/JsonModels/toothz.js", function( geometry, mat ) { mat[0].shading = THREE.SmoothShading; material = new THREE.MeshFaceMaterial( mat); mesh = new THREE.Mesh( geometry, material ); mesh.scale.set( 3, 3, 3 ); mesh.position.y = 0; mesh.position.x = 0; scene.add( mesh ); } ); });
This works for the example.
