import PanelStack from '@mobilizing/library/js/Mobilizing/renderer/3D/three/ui/PanelStack.js'
Make the PanelStack move to the given step (ie : the Panel index).
|From class Component|
Adds a component to this chained component array
Returns the array of attached children components
Deactivate the component
Activate the component A call to this method calls the setup method if it has not been run yet
Run code after the update of all components is run This empty method is usually overriden to perform post-update actions for the component It is called periodically by an internal Mobilizing mechanism
preLoad the component This empty method is usually overriden to perform preLoad actions for the component.
Run code before the update of all components is run This empty method is usually overriden to perform pre-update actions for the component It is called once per component by an internal Mobilizing mechanism
prepare the component This empty method is usually overriden to perform preparation actions for the component, from external process as a server.
Set's up the component This empty method is usually overriden to perform setup actions for the component This is where all the initialization (such as adding event listeners)should be done It is called automatically by an internal Mobilizing mechanism and should thus not be called directly
Update the component This empty method is usually overriden to perform update actions for the component It is called periodically by an internal Mobilizing mechanism
A PanelStack is an organized Panel assemblage to be used as a selection menu. It's a 3D UI element.
the mode to use for panel's organisation in space.
The Panel objects array to use for building this PanelStack.
The Pointer instance to be used for interaction with this PanelStack.
The camera used in the scene to compute the raycasting based interaction with panels.
The radius of the wheel menu.
The factor to use for flattening or expanding the global vertical shape of the wheel (will produce a vertical ellipse, instead of a circle).
(wheel mode only) The factor to use for flattening or expanding the depth of of each panel in the wheel (will produce an horizontal in depth ellipse, instead of a circle)
the x axis offset of the Panels organized in line.
the z axis offset of the Panels organized in line.
the easing effect to use for the animation of Panel.
the animation duration in ms
public activePanels: * source
public animationDuration: * source
public animationEasing: * source
public camera: * source
public lineDepthOffset: * source
public lineHorizontalOffset: * source
public mode: * source
public panels: * source
public pointer: * source
public positions: * source
public root: * source
public transform: * source
public wheelDepthFactor: * source
public wheelRadius: * source
public wheelStep: * source
public wheelVerticalFactor: * source
Make the PanelStack move to the given step (ie : the Panel index). Using Animation Object internally to automate the movements.
Use positive number to move forward, negative to move backward.