色彩特效

在场景的初始化时，我们提供了对整个场景进行调色的属性 colorEffects ，可以通过设置此属性来调整色调色彩，达到想要的效果。

此外我们还对 BuildingLayer 图层提供了调整色彩特效的插件，进而对模型色彩进行调整来达到用户效果。

1. 场景色彩特效

interface ColorEffects {
  filter:string
}

type ColorEffectsType = 'night-vision' | 'black-white'

colorEffects: ColorEffects | ColorEffectsType

colorEffects 属性的赋值方式有两种，可以是 string 也可以是 obj 。

如果是字符串类型，有两种选项，一种是夜视效果 'night-vision' ，一种是黑白效果 black-white 。

如果是对象，就需要对 filter 属性赋值，具体所赋值的内容和方式，请参考如下链接：

此 colorEffects 属性的具体设置方式请参看如下实例代码：

const scene = new ubm.Scene('app', {
  viewingMode: 'global',
  colorEffects: {
    // brightness亮度控制
    filter: 'brightness(1)'
  },
})

我们还提供动态设置场景色彩特效的函数 setColorEffects()，此函数可以动态设置 colorEffects 的值，可以设置为对象或者字符串。

函数使用方式如下：

const scene = new ubm.Scene('app', {
  ...
})

scene.when(()=>{
  scene.setColorEffects('night-vision')
})

为了方便的对 BuildingLayer 此图层建筑进行染色修改，我们 SDK 提供了自定义染色插件 ColorizerPlugin 。

此插件的使用步骤和方法请参看插件一栏中的染色插件