Three.js 关于3JS纹理动画
我正在使用Three.js 关于3JS纹理动画,three.js,Three.js,我正在使用Threejs,其中我面临纹理问题,因此我想问一个问题,即如何在不启动动画的情况下加载纹理,它在不启动动画的情况下显示空白图像。谁能告诉我怎么做 var geometry = new THREE.PlaneGeometry( 15, 5.3, 2 ); var te = new THREE.ImageUtils.loadTexture("b4.jpg") ; var material = new THREE.MeshBasicMaterial( {color: "",map:te} )
Threejs
,其中我面临纹理问题,因此我想问一个问题,即如何在不启动动画的情况下加载纹理,它在不启动动画的情况下显示空白图像。谁能告诉我怎么做
var geometry = new THREE.PlaneGeometry( 15, 5.3, 2 );
var te = new THREE.ImageUtils.loadTexture("b4.jpg") ;
var material = new THREE.MeshBasicMaterial( {color: "",map:te} );
plane = new THREE.Mesh( geometry, material);
plane.position.set(-12.89,-7.2,19);
plane.visible=false;
scene.add( plane );
您是否尝试在成功加载纹理后触发回调函数?如文档中的操作方式: 比如:
var geometry = new THREE.PlaneGeometry( 15, 5.3, 2 );
var loader = new THREE.TextureLoader();
// load a resource
loader.load(
// resource URL
'b4.jpg',
// Function when resource is loaded
function ( texture ) {
// do something with the texture
var material = new THREE.MeshBasicMaterial( {color: "",map:te} );
plane = new THREE.Mesh( geometry, material);
plane.position.set(-12.89,-7.2,19);
plane.visible=false;
scene.add( plane );
},
// Function called when download errors
function ( xhr ) {
console.log( 'An error happened' );
}
);
请在问题中添加一些代码,说明当前如何设置动画纹理。