threepipe
Version:
A modern 3D viewer framework built on top of three.js, written in TypeScript, designed to make creating high-quality, modular, and extensible 3D experiences on the web simple and enjoyable.
88 lines • 3.08 kB
TypeScript
import { EventDispatcher, Intersection, Raycaster, Vector2 } from 'three';
import { JSUndoManager } from 'ts-browser-helpers';
import { ICamera, IMaterial, IObject3D } from '../../core';
export interface ObjectPickerEventMap {
hoverObjectChanged: {
object: IObject3D | null;
material: IMaterial | null;
value: IObject3D | IMaterial | null;
};
selectedObjectChanged: {
object: IObject3D | null;
material: IMaterial | null;
value: IObject3D | IMaterial | null;
};
hitObject: {
time: number;
intersects: {
selectedObject: IObject3D | null;
intersect: Intersection<IObject3D> | null;
intersects: Intersection<IObject3D>[];
};
};
selectionModeChanged: {
detail: {
key: 'selectionMode';
value: 'object' | 'material';
oldValue: 'object' | 'material';
};
};
}
export declare class ObjectPicker extends EventDispatcher<ObjectPickerEventMap> {
private _firstHit;
hoverEnabled: boolean;
selectionMode: 'object' | 'material';
/**
* Time threshold for a pointer click event
*/
static PointerClickMaxTime: number;
/**
* Distance threshold for a pointer click event
*/
static PointerClickMaxDistance: number;
undoManager?: JSUndoManager;
private _root;
private _camera;
private _mouseDownTime;
private _mouseDownPos;
private _mouseUpTime;
private _time;
selectionCondition: (o: IObject3D) => boolean;
raycaster: Raycaster;
mouse: Vector2;
private _selected;
private _hovering;
cursorStyles: {
default: string;
down: string;
};
domElement: HTMLElement;
constructor(root: IObject3D, domElement: HTMLElement, camera: ICamera, selectionCondition?: (o: IObject3D) => boolean);
dispose(): void;
get camera(): ICamera<import('../../core').ICameraEventMap>;
set camera(value: ICamera<import('../../core').ICameraEventMap>);
get selectedObject(): IObject3D | IMaterial | null;
setSelected(object: IObject3D | IMaterial | null, record?: boolean): void;
get hoverObject(): IObject3D | IMaterial | null;
set hoverObject(object: IObject3D | IObject3D[] | IMaterial | IMaterial[] | null);
get time(): number;
get isMouseDown(): boolean;
get mouseDownDeltaTime(): number;
private _onPointerMove;
private _onPointerLeave;
private _onPointerEnter;
private _onPointerCancel;
updateMouseFromEvent(event: PointerEvent): void;
private _onPointerDown;
private _onPointerUp;
private _onPointerClick;
checkIntersection(): {
selectedObject: IObject3D<import('../../core').IObject3DEventMap>;
intersect: Intersection<IObject3D<import('../../core').IObject3DEventMap>>;
intersects: Intersection<IObject3D<import('../../core').IObject3DEventMap>>[];
mouse: import('three').Vector2Tuple;
} | null;
isHovering(): boolean;
isSelected(): boolean;
}
//# sourceMappingURL=ObjectPicker.d.ts.map