对象特效

在场景初始化时,通过设置初始化的第二个参数对象中 highlightOptions 属性来自定义所点击对象或构件的特效设置。

1. 高亮属性

 interface HighlightOptions {
    //点击高亮颜色
    color:Color 
    //填充程度
    fillOpacity: number
    //描边颜色
    haloColor: Color 
    //描边透明度
    haloOpacity: number
    //阴影颜色
    shadowColor: Color 
    //阴影透明度
    shadowOpacity: number
  }

 type Color = [number, number, number] | string

2. 设置高亮

通过设置此点击高亮属性能达到一定的对象特效,例如对象的描边等效果。

具体的属性设置方式如下示例代码:

  const scene = new ubm.Scene('app', {
    viewingMode: 'local',
    // 点击高亮
    highlightOptions: {
      //点击高亮颜色
      color: [255, 255, 0],
      //描边颜色
      haloColor: [255, 255, 0],
      haloOpacity: 1,
      //填充程度
      fillOpacity: .3,
      //阴影颜色
      shadowColor: [255, 255, 0],
      shadowOpacity: 1
    },
  })

可以通过这些属性的配合,达到自己想要的对象效果。