Events - IRobot1/three-flow-ts GitHub Wiki
Raycaster Events
export const InteractiveEventType = {
POINTERMOVE: 'pointermove',
POINTERDOWN: 'pointerdown',
POINTERUP: 'pointerup',
CLICK: 'click',
}
Event |
Purpose |
InteractiveEventType.POINTERMOVE |
Fired when the mouse, pointer or VR controller moves |
InteractiveEventType.POINTERDOWN |
Fired when the mouse, pointer or VR controller button is pressed |
InteractiveEventType.POINTERUP |
Fired when the mouse, pointer or VR controller button is released |
InteractiveEventType.CLICK |
Fired when the mouse, pointer or VR controller button is pressed |
All events include position as Vector3 and data as Raycaster intersect result
Simulated Events
export const InteractiveEventType = {
POINTERENTER: 'pointerenter',
POINTERLEAVE: 'pointerleave',
POINTERMISSED: 'pointermissed',
DRAGSTART: 'dragstart',
DRAG: 'drag',
DRAGEND: 'dragend',
}
Event |
Purpose |
Data |
InteractiveEventType.POINTERENTER |
Fired when the mouse, pointer or VR controller overlaps a Mesh |
1 |
InteractiveEventType.POINTERLEAVE |
Fired when the mouse, pointer or VR controller stops overlapping a Mesh |
1 |
InteractiveEventType.POINTERMISSED |
Fired when the mouse, pointer or VR controller clicks on empty space. Event is sent to every selectable object |
2 |
InteractiveEventType.DRAGSTART |
Fired when the mouse, pointer or VR controller pointer is down and starts moving |
1 |
InteractiveEventType.DRAG |
Fired when the mouse, pointer or VR controller is continues moving while pointer is down |
3 |
InteractiveEventType.DRAGEND |
Fired when the mouse, pointer or VR controller pointer is up |
3 |
- Events include position as Vector3 and data as Raycaster intersect result
- No additional event data
- Event includes only position as Vector 3
Flow Events
export const FlowEventType = {
DISPOSE: 'dispose',
DRAGGED: 'dragged',
NODE_ADDED: 'node_added',
NODE_REMOVED: 'node_removed',
NODE_SELECTED: 'node_selected',
EDGE_ADDED: 'edge_added',
EDGE_REMOVED: 'edge_removed',
ACTIVE_CHANGED: 'active_changed',
WIDTH_CHANGED: 'width_changed',
HEIGHT_CHANGED: 'height_changed',
SCALE_CHANGED: 'scale_changed',
DRAGGABLE_CHANGED: 'draggable_changed',
SCALABLE_CHANGED: 'scalable_changed',
RESIZABLE_CHANGED: 'resizable_changed',
SELECTABLE_CHANGED: 'selectable_changed',
HIDDEN_CHANGED: 'hidden_changed',
}
Event |
Purpose |
Data |
FlowEventType.DISPOSE |
Fire when a node or edge is disposed |
None |
FlowEventType.DRAGGED |
Fire when a nodes position changes |
None |
FlowEventType.NODE_ADDED |
Fired on diagram when a node is added |
node:FlowNode |
FlowEventType.NODE_REMOVED |
Fired on diagram when a node is removed |
node:FlowNode |
FlowEventType.NODE_SELECTED |
Fired on diagram when a node is clicked or missed (node set to undefined) |
node:FlowNode |
FlowEventType.EDGE_ADDED |
Fired on diagram when a edge is added |
edge:FlowEdge |
FlowEventType.EDGE_REMOVED |
Fired on diagram when an edge is removed |
edge:FlowEdge |
FlowEventType.ACTIVE_CHANGED |
Fired on diagram when a node is selected or deselected |
None |
FlowEventType.WIDTH_CHANGED |
Fired on node when its width is changed |
width:number |
FlowEventType.HEIGHT_CHANGED |
Fired on node when its height is changed |
height:number |
FlowEventType.SCALE_CHANGED |
Fired on node when its scale is changed |
None |
FlowEventType.DRAGGABLE_CHANGED |
Fired on node when draggable is changed |
None |
FlowEventType.SCALABLE_CHANGED |
Fired on node when scalable is changed |
None |
FlowEventType.RESIZABLE_CHANGED |
Fired on node when resizable is changed |
None |
FlowEventType.SELECTABLE_CHANGED |
Fired on node when selectable is changed |
None |
FlowEventType.HIDDEN_CHANGED |
Fired on node or edge when hidden is changed |
None |