说明
这是一个控制ArcRotateCamera
视图朝向的控件,UI 抄的 blender。
键盘输入 ` (esc 下面,tab 上面那个键)唤醒轮盘控件。再次点击 ` 或者点击esc 取消操作。
你会感到很别扭,因为这个轮盘上面缺了一角(右下角),我实在想不出要加入什么操作,你可以参照 api 参数自行填充该位置控件,如:飞入到所选择的位置,但是需要自己实现该功能。
示例
编码
ts
const viewer = new RouletteViewer({
camera: scene.activeCamera as BABYLON.ArcRotateCamera,
});
// 如果不想要了,请执行dispose方法
// viewer.dispose();
参数
RouletteViewerOptions
参数 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
camera | BABYLON.ArcRotateCamera | 是 | 圆弧相机 | |
style | object | 否 | UI 样式 | |
customAction | object | 否 | 自定义操作 | |
lang | object | 否 | ui 语言 |
RouletteViewerOptions.style
参数 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
hoverColor | string | 否 | #545454 | 鼠标悬停颜色 |
RouletteViewerOptions.customAction
参数 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
title | string | 是 | 按钮文字 | |
action | () => void | 是 | 按钮点击事件 |
RouletteViewerOptions.lang
参数 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
top | string | 是 | 顶视图 | |
bottom | string | 是 | 底视图 | |
left | string | 是 | 左视图 | |
right | string | 是 | 右视图 | |
front | string | 是 | 前视图 | |
back | string | 是 | 后视图 | |
all | string | 是 | 所有 |