hoverColor

该插件用于给模型添加颜色效果，该插件会监听 鼠标悬停 事件，并给对应的模型添加颜色效果。

• 插件名称

  hover-color

• 初始参数

  • state: HoverColorOptions 鼠标悬停颜色配置参数

    • 参考: HoverColorOptions

    • 注: 初始参数可以为空

• 示例

import { webglPlugin } from "@tslfe/dt-enging"
...省略获取meta实例的步骤...

const hoverColorPlugin = meta.plugin.use(webglPlugin.hoverColor({
    color: "#00FF00",
    opacity: 0.8
}))

方法

hover( )

给模型添加颜色效果，该方法会在监听到鼠标悬停于模型上时 自动调用

function hover: (event: DTEvent) => void

• 参数

  • event: 事件对象

    • 参考: DTEvent

• 返回值

  • 无

blur( )

移除模型的颜色效果，该方法会在监听到鼠标离开模型时 自动调用

function blur: (event: DTEvent) => void

• 参数

  • event: 事件对象

    • 参考: DTEvent

• 返回值

  • 无

clear( )

手动移除模型的hover效果

function clear: (object?: Object3D | Object3D[]) => void

• 参数

  • object: 目标模型

    • 参考: Object3D

    • 注: 当参数为空时，会移除鼠标悬停的模型上的颜色效果

• 返回值

  • 无

• 示例

...省略挂载hoverColor插件的步骤...

hoverColorPlugin.clear();

dispose( )

销毁插件

function dispose(): void

• 参数

  • 无

• 返回值

  • 无

• 示例

...省略挂载hoverColor插件的步骤...

hoverColorPlugin.dispose();