Class: CanvasMenu

CanvasMenu~CanvasMenu(renderer, settingsopt)

Create dropdown menu for canvas in my three.js projects.

Constructor

new CanvasMenu(renderer, settingsopt)

Parameters:
Name Type Attributes Default Description
renderer THREE.WebGLRenderer WebGLRenderer
settings Object <optional>
 {} the following settings are available
Properties
Name Type Attributes Default Description
menu Array <optional>
 menu array. See arrayMenu of the DropdownMenu.create
onOver function <optional>
 The event is fired at an Element when a pointing device (such as a mouse or trackpad) is used to move the cursor onto the element or one of its child elements. 
true - mouseenter event.
false - mouseleave event.
fullScreen Object <optional>
 Add a "Full Screen" button

Full screen of the canvas see settings.options.canvas.fullScreen.

Properties
Name Type Attributes Description
camera onFullScreen THREE.PerspectiveCamera.
onFullScreenToggle onFullScreenToggle <optional>
 user toggled fullscreen mode of the canvas.
options Options <optional>
 new Options() Options instance. The following options are available. See options parameter of MyThree class.
Properties
Name Type Attributes Default Description
player Player <optional>
 Player instance. Playing of 3D ojbects in my projects.
stereoEffect StereoEffect <optional>
 StereoEffect instance.
canvas.fullScreen boolean <optional>
 Default canvas is full screen. false - no full screen
getLanguageCode function <optional>
 language code of your browser returns the "primary language" subtag of the version of the browser.
Source:

Members

Menu array
Source:
See:

Methods

getFullScreenSettings(stereoEffect)

Parameters:
Name Type Description
stereoEffect StereoEffect StereoEffect.
Source:
Returns:
Set stereoEffect to fullScreenSettings and returns fullScreenSettings.

isFullScreen()

Source:
Returns:
true if canvas is full screen.

querySelector(selectors)

Parameters:
Name Type Description
selectors string See CSS selectors in HTML DOM querySelector() Method for details.
Source:
Returns:
First element that matches a specified CSS selector(s) in the canvasMenu.

setFullScreen(fullScreen)

Sets the full screen of the canvas.
Parameters:
Name Type Description
fullScreen boolean false - full screen of the canvas.
Source:

setFullScreenButton(fullScreen)

Sets the "Full Screen" button. Available only if settings.fullScreen is defined.
Parameters:
Name Type Description
fullScreen boolean true - non full screen.

false - full screen of the canvas.
Source:

setSize(width)

Sets the size of the slider element of the player's menu.
Parameters:
Name Type Description
width Number width of the canvas
Source: