three加载base64纹理

你可以使用Three.js中的TextureLoader对象来加载base64编码的纹理。以下是一个示例代码：

// 创建一个新的TextureLoader对象
var loader = new THREE.TextureLoader();

// 通过load方法加载base64编码的纹理
loader.load(
  // base64编码的纹理图片
  'data:image/png;base64,iVBORw0KGg...',

  // 纹理加载完成的回调函数
  function ( texture ) {
    // 创建一个Mesh对象，并设置其材质为加载的纹理
    var geometry = new THREE.PlaneGeometry( 1, 1 );
    var material = new THREE.MeshBasicMaterial( { map: texture } );
    var mesh = new THREE.Mesh( geometry, material );

    // 将Mesh对象添加到场景中
    scene.add( mesh );
  },

  // 纹理加载进度的回调函数
  function ( xhr ) {
    console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
  },

  // 纹理加载出错的回调函数
  function ( xhr ) {
    console.error( 'An error happened' );
  }
);

在上面的代码中，我们创建了一个TextureLoader对象，并使用其load方法加载了一个base64编码的png图片。在纹理加载完成后，我们创建了一个PlaneGeometry几何体和一个MeshBasicMaterial材质，并将加载的纹理设置到材质的map属性中。最后，我们将Mesh对象添加到了场景中。

需要注意的是，当加载base64编码的纹理时，需要在编码前添加正确的图片格式描述。在上面的代码中，我们使用了png格式的图片，因此在base64编码前添加了"data:image/png;base64,"。如果使用的是jpg格式的图片，需要将描述改为"data:image/jpeg;base64,"。