three.js 中的纹理类型

1，Canvas 纹理：CanvasTexture

从 Canvas 元素中创建纹理贴图，它几乎与其基类Texture相同，但它直接将needsUpdate（需要更新）设置为了true。

2, 视频纹理： VideoTexture

创建一个使用视频来作为贴图的纹理对象；他和其基类 Texture 几乎是相同的，除了他总是将needsUpdate 设置为 true, 以便使得贴图能在视频播放时进行更新，自动创建mipmaps 也会被禁用；

代码示例
// assuming you have created a HTML video element with id="video" 
const video = document.getElementById( 'video' ); 
const texture = new THREE.VideoTexture( video );

3，立方纹理 CubeTexture :创建一个由六张图片组成的纹理对象

const loader = new THREE.CubeTextureLoader();
loader.setPath( 'textures/cube/pisa/' );
const textureCube = loader.load( [
  'px.png', 'nx.png',
  'py.png', 'ny.png',
  'pz.png', 'nz.png'
] );
const material = new THREE.MeshBasicMaterial( { color: 0xffffff, envMap: textureCube } );