plugin-drag-controls

模型或对象拖拽。

样例

安装

npm install @soonspacejs/plugin-drag-controls
# or
yarn add @soonspacejs/plugin-drag-controls

使用方法

import SoonSpace from 'soonspacejs';
import DragControlsPlugin from '@soonspacejs/plugin-drag-controls';

const ssp = new SoonSpace({
  el: '#view',
  options: {},
  events: {},
});

const dragControlsPlugin = ssp.registerPlugin(DragControlsPlugin, 'dragControlsPlugin');
consolo.log(dragControlsPlugin);

方法

start

开启拖拽

定义

interface StartOptions {
  dragStart?: (object: Object3D) => void;
  drag?: (object: Object3D) => void;
  dragEnd?: (object: Object3D) => void;
}

function start(objects: Object3D[], options?: StartOptions): void;

用法

dragControlsPlugin.start([model1, model2], {
  drag(object) {
    console.log(object);
  },
  dragStart(object) {
    console.log(object);
  },
  dragEnd(object) {
    console.log(object);
  },
});

参数:

objects

• 描述: 拖拽的对象数组
• 类型: Object3D[]
• 必填:

options

• 描述: 配置选项
• 类型: StartOptions
• 必填:

StartOptions

属性	描述	类型	必填	默认值
dragStart	拖拽开始事件	(object: Object3D) => void
drag	拖拽事件	(object: Object3D) => void
dragEnd	拖拽结束事件	(object: Object3D) => void

stop

结束拖拽

定义

function stop(): void;

用法

dragControlsPlugin.stop();