对象特效
在场景初始化时,通过设置初始化的第二个参数对象中 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
},
})
可以通过这些属性的配合,达到自己想要的对象效果。