three.js—纹理贴图texture的使用

成品

通过在物体对象上贴图就可以完成上面的地球制作和全景看房效果。

方法

加载

var texture = new THREE.TextureLoader().load ( url : String, onLoad : Function, onProgress : Function, onError : Function )

使用纹理贴图的第一步就是导入，three.js专门提供了纹理加载函数THREE.TextureLoader()
代码示例(官方)

	var texture = new THREE.TextureLoader().load( 'textures/land_ocean_ice_cloud_2048.jpg' );

   // 立即使用纹理进行材质创建
   	var material = new THREE.MeshBasicMaterial( {
    map: texture } );

Code Example with Callbacks

	// 初始化一个加载器
var loader = new THREE.TextureLoader