three.js 设置雾化效果（Fog）

一、先看看效果

二、实现方法：

实现思路：threejs提供了雾（Fog）类；这个类中的参数定义了线性雾。也就是说，雾的密度是随着距离线性增大的。给scene.fog设置一个Fog实例即可实现以上无话效果。

1、构造器

Fog( color : Integer, near : Float, far : Float )

• 颜色参数传入Color构造函数中，来设置颜色属性。颜色可以是一个十六进制的整型数，或者是CSS风格的字符串。
• near : Float
  开始应用雾的最小距离。距离小于活动摄像机“near”个单位的物体将不会被雾所影响。默认值是1。
• far : Float
  结束计算、应用雾的最大距离，距离大于活动摄像机“far”个单位的物体将不会被雾所影响。
  默认值是1000。

2.代码实现

// 创建场景对象Scene
var scene = new THREE