Skip to content

说明

这是一个控制ArcRotateCamera视图朝向的控件,UI 抄的 blender。

键盘输入 ` (esc 下面,tab 上面那个键)唤醒轮盘控件。再次点击 ` 或者点击esc 取消操作。

你会感到很别扭,因为这个轮盘上面缺了一角(右下角),我实在想不出要加入什么操作,你可以参照 api 参数自行填充该位置控件,如:飞入到所选择的位置,但是需要自己实现该功能。

示例

编码

ts
const viewer = new RouletteViewer({
  camera: scene.activeCamera as BABYLON.ArcRotateCamera,
});

// 如果不想要了,请执行dispose方法
// viewer.dispose();

参数

RouletteViewerOptions

参数类型必填默认值说明
cameraBABYLON.ArcRotateCamera圆弧相机
styleobjectUI 样式
customActionobject自定义操作
langobjectui 语言

RouletteViewerOptions.style

参数类型必填默认值说明
hoverColorstring#545454鼠标悬停颜色

RouletteViewerOptions.customAction

参数类型必填默认值说明
titlestring按钮文字
action() => void按钮点击事件

RouletteViewerOptions.lang

参数类型必填默认值说明
topstring顶视图
bottomstring底视图
leftstring左视图
rightstring右视图
frontstring前视图
backstring后视图
allstring所有