threejs基础下：贴图资源加载与光照

优先更新个人博客，求关注~~
个人博客：https://jinglecjy.github.io/

加载器Loaders

加载器是threejs中很重要的一个步骤，可以用于加载纹理/图片/模型/音频等资源，不同的loader对应不同格式的文件，loaders通用流程如下：

var loader = new THREE.[Loader]();
/* 
 * 函数名：.load(url, onLoad, onProgress, onError)
 * url：资源地址
 * onLoad: 加载完成的回调，参数是已加载的资源文本
 * onProgress: 加载中的调用，参数是XmlHttpRequest实例
 * onError：加载出错时调用
*/
loader.load(url, onLoad, onProgress, onError)

1. TextureLoader/ImageLoader

加载图片资源，可以作为贴图(map)覆盖在物体上或者直接绘制在canvas上。

var loader = new THREE.TextureLoader();
loader.load('texture/earth.jpg', function( texture ) {
    // 作为纹理，或直接使用TextureLoader
    // var geometry = new THREE.SphereGeometry(15, 10, 10);
    // var meterial