three 一些技巧

• 设置场景雾效果
  /* 颜色， 开始渲染地方， 渲染结束地方 */
scene.fog = new THREE.Fog(0xf7d9aa, 100, 950);

• 打开渲染器的阴影地图
  //能够显示阴影
renderer.shadowMap.enable = true;

• 设置阴影

//半球光就是渐变的光
    //第一个参数是天空的颜色，第二个参数是地上的颜色， 第三个参数是光源的强度
    hemisphereLight = new THREE.HemisphereLight(0xaaaaaa, 0x000000, .9);

    //方向光是从一个特定的方向照射
    //类似太阳，所有光源是平行的
    //第一个参数是光照颜色， 第二个参数是光源强度
    shadowLight = new THREE.DirectionalLight(0xffffff, .9);

    //设置光源的方向
    //位置不同，方向光作用于物体的面也不同，看到的颜色也不同
    shadowLight.position.set(150, 350, 350);

    //定义可见域的投射阴影
    shadowLight.shadow.camera.left = -400;
    shadowLight.shadow.camera.right = 400;
    shadowLight.shadow.camera.top = 400;
    shadowLight.shadow.camera.bottom = -400;
    shadowLight.shadow.camera.near = 1;
    shadowLight.shadow.camera.far = 1000;

    //定义阴影的分辨率，虽然分辨率越高越好， 但是需要付出更加昂贵的代价维持高性能的表现。
    shadowLight.shadow.mapSize.width = 2048;
    shadowLight.shadow.mapSize.height = 2048;

好了今天太累了， 下周再继续吧