MEMBERS

Members below are inherited from the parent class.

buttonActive :boolean

IncisorAPI.js, line 5959

Flag that determines if this Button responds to cursor interaction. If false, this Button acts no differently than a GraphicObject.

Inherited From:

• Button.buttonActive()

Default Value:

• true

readonly buttonDown :boolean

IncisorAPI.js, line 5973

Flag that reports if the Button is currently being 'pressed'.

Inherited From:

• Button.buttonDown()

children :Array.<SceneObject>

IncisorAPI.js, line 5059

The the array of this SceneObject's children SceneObjects in the hierarchy.

Inherited From:

• Button.children()

Example:

// Objective: Add children to a SceneObject.
// Expected Result: The console log should read "children count 2".

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Add 2 GraphicObjects to the SceneObject using the GraphicObject constructor.
new GraphicObject( nc.graphicAssets.WhiteBox, this.mySceneObject, "WhiteBox" );
new GraphicObject( nc.graphicAssets.WhiteTriangle, this.mySceneObject, "WhiteTriangle" );
console.log("children count", mySceneObject.children.length); 

colorMultiply :Color

IncisorAPI.js, line 5301

The EffectController for the 'ColorMultiply' EffectNode, which multiplies the red, green, blue, and alpha color values of the Material it is applied to.

Inherited From:

• Button.colorMultiply()

readonly containingScene :Scene

IncisorAPI.js, line 5099

The Scene in which this SceneObject resides.

Inherited From:

• Button.containingScene()

Example:

// Objective: Determine the containing scene of a SceneObject.
// Expected Result: The console should have 2 log messages as follows:
//    The containing scene for 'MyMainSceneObject' is MainScene
//    The containing scene for 'MyOtherSceneObject' is MyScene

// Create a SceneObject using the SceneObject constructor. This will add "MyMainSceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MyMainSceneObject" );
console.log("The containing scene for 'MyMainSceneObject' is", mySceneObject.containingScene.name);

// Create a new Scene and name it "MyScene".
let myScene = new Scene("MyScene");
// Create a SceneObject using the SceneObject constructor. This will add "MyOtherSceneObject" to myScene ("MyScene").
let myOtherSceneObject = new SceneObject( myScene, "MyOtherSceneObject" );
console.log("The containing scene for 'MyOtherSceneObject' is", myOtherSceneObject.containingScene.name);

enabled :boolean

IncisorAPI.js, line 5043

Boolean determining if this SceneObject is enabled. Enabled SceneObjects are shown normally within the Scene while disabled SceneObjects are not shown. If a SceneObject is disabled, all of its children inherit its disabled state, but if it is enabled all of its childrens' states depend on their own 'enabled' properties.

Inherited From:

• Button.enabled()

Default Value:

• true

Example:

// Objective: Disable a SceneObject to disable its children.
// Expected Result: You do not see the white box.

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Add a GraphicObject to the SceneObject using the GraphicObject constructor.
new GraphicObject( nc.graphicAssets.WhiteBox, mySceneObject, "WhiteBox" );
// Set mySceneObject to enabled = false.
mySceneObject.enabled = false;

fillColor :Color

IncisorAPI.js, line 5297

The EffectController for the 'FillColor' EffectNode, which entirely fills the associated Geometry with the red, green, blue, and alpha color values provided.

Inherited From:

• Button.fillColor()

focusFallback :SceneObject

IncisorAPI.js, line 5291

Sets up a 'focus fallback' for this SceneObject. Once set, if 'nc.relinquishFocus' is called while this SceneObject is focused, then the fallback object will automatically become the new focused object.

Inherited From:

• Button.focusFallback()

Default Value:

• nc.defaultFocusFallback

geometry :Geometry

IncisorAPI.js, line 6650

The current Geometry of this GraphicObject. Setting this GraphicObject's GraphicAsset will update its Geometry automatically, but the Geometry can be set directly for further customization.

Inherited From:

• Button.geometry()

Default Value:

• nc.geometries.WhiteBox

Example:

// Objective: Get the current Geometry of a GraphicObject
// Expected Result: The console should have 2 log messages as follows:
// 'MyGraphicObject' (Box) sourceWidth, sourceHeight 100 100
// 'MyGraphicObject' (Triangle) sourceWidth, sourceHeight 50 100
 
// Create a GraphicObject using the white box GraphicAsset.
let myGraphicObject = new GraphicObject( nc.graphicAssets.whiteBox, nc.mainScene, "MyGraphicObject" );
// Console log the Geometry sourceWidth and sourceHeight.
console.log("'MyGraphicObject' (Box) sourceWidth, sourceHeight", myGraphicObject.geometry.sourceWidth, myGraphicObject.geometry.sourceHeight);
// Update the Geometry of myGraphicObject with the white triangle.
myGraphicObject.geometry = nc.geometries.WhiteTriangle;
// Console log the Geometry sourceWidth and sourceHeight again.
console.log("'MyGraphicObject' (Triangle) sourceWidth, sourceHeight", myGraphicObject.geometry.sourceWidth, myGraphicObject.geometry.sourceHeight);

graphicAsset :GraphicAsset

IncisorAPI.js, line 6608

Use this to set or get the current GraphicAsset for this GraphicObject. Also see 'setGraphicAsset', which can set the GraphicAsset with options to forego the EffectNode and EffectController presets. When 'getting' this value, keep in mind that it will only reflect the GraphicAsset that this GraphicObject was previously set to; the value returned does not reflect customizations made to the Geometry, Materials, EffectNodes or EffectControllers that occurred since it was previously set.

Inherited From:

• Button.graphicAsset()

Default Value:

• nc.graphicAssets.WhiteBox

Example:

// Objective: Set the GraphicAsset of a GraphicObject
// Expected Result: You will see a WhiteTriangle on the screen and the console should have 2 log messages as follows:
// 'MyGraphicObject' GraphicAsset name: WhiteBox
// 'MyGraphicObject' GraphicAsset name: WhiteTriangle 

// Add a GraphicObject to the main scene using the GraphicObject constructor and the WhiteBox GraphicAsset.
let myGraphicObject = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "MyGraphicObject" );
// Console log the name of the GraphicAsset
console.log("'MyGraphicObject' GraphicAsset name:", myGraphicObject.graphicAsset.name);
// Update 'MyGraphicObject' to the WhiteTriangle GraphicObject.
myGraphicObject.graphicAsset = nc.graphicAssets.WhiteTriangle;
// Console log the name of the GraphicAsset again.
console.log("'MyGraphicObject' GraphicAsset name:", myGraphicObject.graphicAsset.name);

graphicExpander :GraphicExpander

IncisorAPI.js, line 6711

A GraphicExpander allows a region of a GraphicObject to be specified as expandable to a new size. When a new size is specified, this region of the GraphicObject will change size, but the area outside the expandable region will move and stretch to keep aligned to the expanded region. This property defaults to undefined, but can be enabled by calling 'GraphicObject.configureGraphicExpander()'.

Inherited From:

• Button.graphicExpander()

Example:

// Objective: Configure a GraphicExpander
// Expected Result: 
// You will see 3 boxes. A white box (50x50) in the center, 
// a blue box (50x100) to its left, stretched 25 world units at the top and bottom, and a red box (50x75)
// to its right, stretched 25 world units at the top.
  
// Add a GraphicObject to the main scene using the GraphicObject constructor and the WhiteBox GraphicAsset.
// We will not do anything further to this box.
let centerWhiteBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "CenterWhiteBox" );

// Add another GraphicObject to the main scene using the GraphicObject constructor and the WhiteBox GraphicAsset.
let blueBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "BlueBox" );
// Make blueBox blue.
blueBox.fillColor = new Color( 0, 0, 1, 1 );
// Move blueBox to the left 100 world units.
blueBox.position.x = -100;

// Add another GraphicObject to the main scene using the GraphicObject constructor and the RedBox GraphicAsset.
let redBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "RedBox" );
// Make redBox red.
redBox.fillColor = new Color( 1, 0, 0, 1 );
// Move the redBox to the right 100 world units.
redBox.position.x = 100;
 
// Use configureGraphicExpander() to stretch the "BlueBox" vertically using a single value
// Note that the blue box will stretch 25 world units at the top and 25 world units at the bottom.
blueBox.configureGraphicExpander( 0, 200 );

// Use configureGraphicExpander() to stretch and move the "RedBox" vertically using an array of values
// Note that the red box expands 25 world units, but only at the top.
redBox.configureGraphicExpander( 0, [0,100] );

readonly hierarchyDepth :number

IncisorAPI.js, line 5209

Number indicating how many ancesters this SceneObject has.

Inherited From:

• Button.hierarchyDepth()

Example:

// Objective: Retrieve the hierarchy depth of a SceneObject.
// Expected Result: The console log should read "myGraphicObject2 hierarchy depth is 3".

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject1" to the SceneObject.
let myGraphicObject1 = new GraphicObject( nc.graphicAssets.WhiteBox, mySceneObject, "GraphicObject1" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject2" to the GraphicObject myGraphicObject1 (GraphicObject1). 
let myGraphicObject2 = new GraphicObject( nc.graphicAssets.WhiteTriangle, myGraphicObject1, "GraphicObject2" );
// Console log the hierarchy depth of myGraphicObject2 ("GraphicObject2").
console.log("myGraphicObject2 hierarchy depth is", myGraphicObject2.hierarchyDepth);

inheritedTypes :object

IncisorAPI.js, line 5004

Dictionary object listing all of the types this object is compatible with.

Inherited From:

• Button.inheritedTypes()

Example:

// Objective: Determine the inherited types of a Button.
// Expected Result: The console log should read "inherited types {"SceneObject":true,"GraphicObject":true,"Button":true}".

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Add a Button named "MyButton" to the SceneObject.
let myButton = new Button( nc.graphicAssets.WhiteBox, mySceneObject, "MyButton" );
console.log("inherited types", JSON.stringify( myButton.inheritedTypes ) );

readonly isEnabledWithInheritance :boolean

IncisorAPI.js, line 5190

Boolean that reflects if the overall state of this SceneObject is 'enabled', incorporating the state of its anscesters.

Inherited From:

• Button.isEnabledWithInheritance()

Example:

// Objective: Use isEnabledWithInheritance to determine the enabled value at various levels of the heirarchy.
// Expected Result: The console should have 2 log messages as follows:
//   Top level scene object, enabled is true
//   Bottom level scene object, enabled is false

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject1" to the SceneObject.
let myGraphicObject1 = new GraphicObject( nc.graphicAssets.WhiteBox, mySceneObject, "GraphicObject1" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject2" to the GraphicObject myGraphicObject1 (GraphicObject1). 
let myGraphicObject2 = new GraphicObject( nc.graphicAssets.WhiteTriangle, myGraphicObject1, "GraphicObject2" );

// Set myGraphicObject1 to enabled = false. ("GraphicObject1").
myGraphicObject1.enabled = false;
// Console log the isEnabledWithInheritance value of the top level SceneObject ("MySceneObject").
console.log("Top level scene object, enabled is", mySceneObject.isEnabledWithInheritance); // true
// Console log the isEnabledWithInheritance value of the bottom level SceneObject ("GraphicObject2").
console.log("Bottom level scene object, enabled is", myGraphicObject2.isEnabledWithInheritance); // false

layer :Layer

IncisorAPI.js, line 6576

The GraphicObject's render-order Layer within the Scene. For a list of available layers per Scene, see 'nc.layersByScene'

Inherited From:

• Button.layer()

Default Value:

• nc.layers.DefaultLayer

layoutObject :LayoutObject

IncisorAPI.js, line 5238

Object housing information about this particular SceneObject's LayoutObject functionality. LayoutObject functionality applies to SceneObjects that have been added as elements to a LayoutStack, which is responsible for organizing visual content (TextBoxes, Graphics, Buttons, etc...) into dynamic vertical or horizontal stacks. Until a SceneObject has been configured with LayoutObject functionality (either by calling 'SceneObject.configureLayoutObject' or by adding the SceneObject as an element to a LayoutStack), the 'SceneObject.layoutObject' member will be undefined. [NON-INSTANTIABLE]

Inherited From:

• Button.layoutObject()

Example:

// Objective: Configure a layout object.
// Expected Result: The console should read "layout object width and height after configuration: 20 10".

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
this.mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );

// Add a callback function.
this.myCallback = function(args) {
    // return a Vector2 with a width of 20 and a height of 10
    return new Vector2( 20, 10 ); 
}

// Add a reference to a callback function passing the owner of the function and the function name.
this.mySceneObject.configureLayoutObject( this, "myCallback" );
console.log('layout object width and height after configuration:', this.mySceneObject.layoutObject.width, this.mySceneObject.layoutObject.height);

readonly maskList :Array.<Mask>

IncisorAPI.js, line 6668

If this GraphicObject is a 'masker', this is the list of Masks that this GraphicObject contributes to. If this GraphicObject is 'masked', this is the list of Masks that affect the rendering of this GraphicObject. Call GraphicObject.makeMasker, GraphicObject.makeMasked, or GraphicObject.disableMasking to affect this list.

Inherited From:

• Button.maskList()

Default Value:

• undefined

readonly maskStatus :string

IncisorAPI.js, line 6658

String identifying this GraphicObject's mask status, which can be 'noMasking', 'masker', or 'masked'.

Inherited From:

• Button.maskStatus()

Default Value:

• 'noMasking'

materialMaster :MaterialMaster

IncisorAPI.js, line 6628

The MaterialMaster is a convenience-based object that allows quick manipulation of all of the Materials on a given GraphicObject. To manipulate all of the Materials on a GraphicObject at the same time, you can simply manipulate its MaterialMaster. It should be noted that querying values from the MaterialMaster can be misleading, as the returned values only refer to the last values set on the MaterialMaster itself, and would not reflect individual changes made to the Materials themselves.

Inherited From:

• Button.materialMaster()

Example:

// Objective: Use a GraphicObject's MaterialMaster to change its color.
// Expected Result: You will see a red box.

// Add a GraphicObject to the main scene using the GraphicObject constructor and the WhiteBox GraphicAsset.
let myGraphicObject = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "MyGraphicObject" ) ;
// Get the instance of this GraphicObject's MaterialMaster
let materialMaster = myGraphicObject.materialMaster;
// By default, the RGB values of fillColor are set to 1. Set the green and blue values to zero to leave only red.
materialMaster.fillColor.green = 0;
materialMaster.fillColor.blue  = 0;

name :string

IncisorAPI.js, line 5023

The name of the SceneObject.

Inherited From:

• Button.name()

Default Value:

• 'SceneObject'

Example:

// Objective: Set and Get the name of a SceneObject.
// Expected Result: The console should have 2 log messages as follows:
//    original name is MySceneObject
//    new name is MyDifferentSceneObject
 
// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
console.log("original name is", mySceneObject.name );
// Update the name of the SceneObject.
mySceneObject.name = "MyDifferentSceneObject";
console.log("new name is", mySceneObject.name );

parent :SceneObject

IncisorAPI.js, line 5077

The SceneObject that is this SceneObject's parent in the hierarcy. If this SceneObject is of type 'Scene', this value is left undefined. Set this property to change the parent of this SceneObject, or use 'SceneObject.setParent' to do the same thing but with the 'maintainGlobalPostion' optional parameter.

Inherited From:

• Button.parent()

Example:

// Objective: Get the parent of a scene object.
// Expected Result: The console log should read "parent name is MySceneObject".

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Add a GraphicObject to the SceneObject using the GraphicObject constructor.
let myGraphicObject = new GraphicObject( nc.graphicAssets.WhiteBox, this.mySceneObject, "WhiteBox" );
// Console log the parent name of this GraphicObject.
console.log("parent name is", myGraphicObject.parent.name);

pauseImmunity :PauseEvent|Array.<PauseEvent>

IncisorAPI.js, line 5983

The PauseEvent or Array of PauseEvents that this Button will be immune to. Set the value to [] to create callbacks with no immunity. This property defaults to the value currently in nc.defaultPauseImmunity, which can be changed at any time.

Inherited From:

• Button.pauseImmunity()

Default Value:

• nc.defaultPauseImmunity

position :Vector3

IncisorAPI.js, line 5119

The position of this SceneObject relative to it's parent.

Inherited From:

• Button.position()

Default Value:

• new Vector3(0,0,0)

Example:

// Objective: Move the position of the "WhiteTriangle" relative to the "WhiteBox".
// Expected Result: The "WhiteTriangle" is 300 world units above and 300 world units to the right of the "WhiteBox".

// Note: To use a custom graphic, add your image file to the assets directory and access it using nc.graphicAssets['MyImage']

// Add a GraphicObject to the main scene using the GraphicObject constructor.
new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "WhiteBox" );
// Add another GraphicObject to the main scene using the GraphicObject constructor, this time using the WhiteTriangle GraphicAsset.
let whiteTriangleGraphicObject =  new GraphicObject( nc.graphicAssets.WhiteTriangle, nc.mainScene, "WhiteTriangle" );
// Update the position of the "WhiteTriangle", moving it 300 world units above and 300 world units to the right of the "WhiteBox".
whiteTriangleGraphicObject.position.x = 300;
whiteTriangleGraphicObject.position.y = 300;

readonly rolloverFlag :boolean

IncisorAPI.js, line 5966

Flag that reports if the cursor is currently directly over this Button. It should be noted that Buttons adhere to layering - only the frontmost active Button receives input.

Inherited From:

• Button.rolloverFlag()

rotation :Vector3

IncisorAPI.js, line 5164

The rotation (in degrees) of this SceneObject relative to it's parent. Positive values correspond to counter-clockwise rotation around the given axis.

Inherited From:

• Button.rotation()

Default Value:

• new Vector3(0,0,0)

Example:

// Objective: Create a SceneObject with a graphic and rotate it.
// Expected Result: The white box has rotated 45 degrees into a diamond shape.

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Add a GraphicObject to the SceneObject using the GraphicObject constructor.
// Note: To use a custom graphic, add your image file to the assets directory and access it using nc.graphicAssets['MyImage']
new GraphicObject( nc.graphicAssets.WhiteBox, mySceneObject, "MyGraphicObject" );
// Rotate the SceneObject 45 degrees around the z axis.
mySceneObject.rotation.z = 45;

scale :Vector3

IncisorAPI.js, line 5146

The scale of this SceneObject relative to it's parent.

Inherited From:

• Button.scale()

Default Value:

• new Vector3(1,1,1)

Example:

// Objective: Using the scale property, increase the size of a GraphicObject.
// Expected Result: You will see a blue box in the center of the screen and a larger red box, now in the shape of a rectangle, to the right of it.

// Note: To use a custom graphic, add your image file to the assets directory and access it using nc.graphicAssets['MyImage']

// Add a GraphicObject to the main scene using the GraphicObject constructor. 
let blueBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "BlueBox" );
// Use fillColor to make it blue.
blueBox.fillColor = new Color( 0, 0, 1, 1 ); // blue

// Add another GraphicObject to the main scene using the GraphicObject constructor.
let redBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "RedBox" );
// Use fillColor to make it red.
redBox.fillColor = new Color( 1, 0, 0, 1 ); // red
// Use position to move the red box to the right 500 world units.
redBox.position.x = 500;
// Use scale to make the red box a larger rectangle 
redBox.scale.x = 2;
redBox.scale.y = 4;

shapify :shapify

IncisorAPI.js, line 5307

The EffectController for the 'Shapify' EffectNode. The Shapify EffectNode converts edge data stored in a 'shapified' Texture into a presentable image with edges that stay sharp regardless of the scale of the associated GraphicObject. This is an instance of a dynamically defined EffectController with base type 'Vector2'. To get a new instance, use 'nc.effectControllers['shapify'].new'shapify()'.

Inherited From:

• Button.shapify()

snapToNearestWorldPosition :boolean

IncisorAPI.js, line 5283

Flag that determines if this SceneObject's global position is always snapped to the nearest integer (for x and y only). This property is mainly used to help provide pixel-perfect rendering for TextBoxes, see 'TextBox.useNearestPixelRendering' for more information.

Inherited From:

• Button.snapToNearestWorldPosition()

Default Value:

• false

spriteSetter :SpriteSetter

IncisorAPI.js, line 6722

A SpriteSetter is a PlaybackController that switches a GraphicObject's graphicAsset between numerically sequential GraphicAssets. This property defaults to undefined, but can be enabled by calling 'GraphicObject.configureSpriteSetter()'.

Inherited From:

• Button.spriteSetter()

Example:

// Objective: Configure a SpriteSetter

subLayer :number

IncisorAPI.js, line 6583

The GraphicObject's render-order within it's assigned Layer as represented by a number between -1 and 1.

Inherited From:

• Button.subLayer()

Default Value:

• 0

type :string

IncisorAPI.js, line 4988

Type identifier.

Inherited From:

• Button.type()

Example:

// Objective: Determine the type of a SceneObject
// Expected Result: The console should have 3 log messages as follows:
//   MySceneObject is of type SceneObject
//   MyGraphicObject is of type GraphicObject
//   MyButton is of type Button

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Create a GraphicObject using the GraphicObject constructor adding it to "mySceneObject".
let myGraphicObject = new GraphicObject( nc.graphicAssets.WhiteBox, mySceneObject, "MyGraphicObject" );
// Create a Button using the Button constructor and adding it to myGraphicObject.
let myButton = new Button( nc.graphicAssets.WhiteTriangle, myGraphicObject, "MyButton" );

console.log(mySceneObject.name + ' is of type ' + mySceneObject.type);
console.log(myGraphicObject.name + ' is of type ' + myGraphicObject.type);
console.log(myButton.name + ' is of type ' + myButton.type);

uiKeyboardNavigable :UiKeyboardNavigable

IncisorAPI.js, line 5263

Object housing functionality that enables for this SceneObject to be accessible via keyboard navigation. Keyboard navigation enables the end-user to press the arrow keys, tab, space, and enter keys to outline and trigger any 'uiKeyboardNavigable' SceneObjects within a UiKeyboardNavigator-enabled parent that is currently 'in focus' according to 'nc.singularFocusObject'. This property defaults to undefined, but can be enabled, by calling 'SceneObject.configureUiKeyboardNavigable()'. [NON-INSTANTIABLE] [REQUIREMENT: optional code module - 'extendedUi']

Inherited From:

• Button.uiKeyboardNavigable()

uiKeyboardNavigator :UiKeyboardNavigator

IncisorAPI.js, line 5250

Object housing functionality that enables for keyboard navigation of this SceneObject's ui-related descendants. Keyboard navigation enables the end-user to press the tab, space, and enter keys to outline and trigger any 'uiKeyboardNavigable' descendants of the SceneObject owning this UiKeyboardNavigator when it is 'in focus' according to 'nc.singularFocusObject'. This property defaults to undefined, but can be enabled, by calling 'SceneObject.configureUiKeyboardNavigator()'. [NON-INSTANTIABLE] [REQUIREMENT: optional code module - 'extendedUi']

Inherited From:

• Button.uiKeyboardNavigator()

uiVisualFocus :UiVisualFocus

IncisorAPI.js, line 5275

Object housing functionality that enables for the SceneObject owning it to be 'visually focused', which focuses the end-user's attention the given SceneObject by placing it in front of a dimmer layer whenever the object is the the current 'singularFocusObject'. Calling 'configureUiVisualFocus' populates the 'uiVisualFocus' member for the owning SceneObject. It should be noted that the dimmer layer that the newly focused item is placed in front of is actually a button which, when pressed, calls the 'attemptExitUiVisualFocus' member of the current singularFocusObject if that member is defined. [NON-INSTANTIABLE] [REQUIREMENT: optional code module - 'extendedUi']

Inherited From:

• Button.uiVisualFocus()

visible :boolean

IncisorAPI.js, line 6568

Boolean determining if this GraphicObject is visible. Unlike the 'enabled' property of SceneObjects, 'GraphicObject.visible' does not affect any descendants of this GraphicObject. It should be noted that 'turning off' objects using 'GraphicObject.visible=false' is often less performant than 'SceneObject.enabled=false', because while the 'visible' property does prevent the object from rendering, the 'enabled' property also prevents several additional hierarchical calculations from occuring for the effected SceneObjects.

Inherited From:

• Button.visible()

Default Value:

• true

Example:

// Objective: Make a GraphicObject not visible.
// Expected Result: Only the "WhiteTriangle" is visible. The "WhiteBox" is not.

// Add a "WhiteBox" GraphicObject to the main scene using the GraphicObject constructor.
let whiteBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "WhiteBox" );
// move the "WhiteBox" 100 world units to the left
whiteBox.position.x = -100;

// Add a "WhiteTriangle" GraphicObject to the main scene using the GraphicObject constructor.
let whiteTriangle = new GraphicObject( nc.graphicAssets.WhiteTriangle, nc.mainScene, "WhiteTriangle" );
// move the "WhiteTriangle" 100 world units to the right
whiteTriangle.position.x = 100;

// Set "WhiteBox" to visible = false.
whiteBox.visible = false;

METHODS

Methods below are inherited from the parent class.

addContextMenuCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6504

Adds a callback for when the in-browser context menu is activated over this Button. Invoke the 'preventDefault' method on the event sent to the callback to prevent built-in browser context menu from appearing.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.

Inherited From:

• Button.addContextMenuCallback()

Example:

// Objective: Add a ContextMenuCallback to a Button.
// Action: Bring the mouse into the white box and right click your mouse.
// Expected Result: The console should read "callback: contextmenu MainCamera myArgs0 myArgs1".

// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add a reference to a callback function passing the owner of the function and the  function name.
this.button.addContextMenuCallback( this, "myCallback", ["myArgs0", "myArgs1"] );

// Add a callback function. Your first 2 parameters will always be the browser event and the camera.
this.myCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
   console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
}

addCursorInCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6055

Adds a callback for when the cursor is moved into this Button's bounds.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.

Inherited From:

• Button.addCursorInCallback()

Example:

// Objective: Add a CursorInCallback and CursorOutCallback to a Button.
// Action: Move your mouse pointer in and out of the box.
// Expected Result: When you move your mouse pointer into the box, the box becomes blue. When you move it out, it will become red.
 
// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add a reference to a callback function passing the owner of the function and the  function name.
this.button.addCursorInCallback( this, "myInCallback", ["myArgs0", "myArgs1"] );
this.button.addCursorOutCallback( this, "myOutCallback", ["myArgs0", "myArgs1", "myArgs2"] );

// Add callback functions. Your first 2 parameters will always be the browser event and the camera.
this.myInCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.red   = 0;
    this.button.fillColor.blue  = 1;
    this.button.fillColor.green = 0;
}
this.myOutCallback = function( event, camera, callbackArgs0, callbackArgs1, callbackArgs2 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1, callbackArgs2);
    this.button.fillColor.red   = 1;
    this.button.fillColor.blue  = 0;
    this.button.fillColor.green = 0;
}

addCursorMoveCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6009

Adds a callback for when the cursor is moved over this Button.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.

Inherited From:

• Button.addCursorMoveCallback()

Example:

// Objective: Add a CursorMoveCallback to a Button.
// Action: Move your mouse pointer in and out of the white box.
// Expected Result: As you move your mouse pointer inside the box it will flash different colors.
 
// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add a reference to a callback function passing the owner of the function and the  function name.
this.button.addCursorMoveCallback( this, "myCallback", ["myArgs0", "myArgs1"] );

// Add a callback function. Your first 2 parameters will always be the browser event and the camera.
this.myCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.red   = Math.random();
    this.button.fillColor.blue  = Math.random();
    this.button.fillColor.green = Math.random();
}

addCursorOutCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6133

Adds a callback for when the cursor is moved out of this Button's bounds.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.

Inherited From:

• Button.addCursorOutCallback()

Example:

// Objective: Add a CursorInCallback and CursorOutCallback to a Button.
// Action: Move your mouse pointer in and out of the box.
// Expected Result: When you move your mouse pointer into the box, the box becomes blue. When you move it out, it will become red.
 
// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add a reference to a callback function passing the owner of the function and the  function name.
this.button.addCursorInCallback( this, "myInCallback", ["myArgs0", "myArgs1"] );
this.button.addCursorOutCallback( this, "myOutCallback", ["myArgs0", "myArgs1", "myArgs2"] );

// Add callback functions. Your first 2 parameters will always be the browser event and the camera.
this.myInCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.red   = 0;
    this.button.fillColor.blue  = 1;
    this.button.fillColor.green = 0;
}
this.myOutCallback = function( event, camera, callbackArgs0, callbackArgs1, callbackArgs2 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1, callbackArgs2);
    this.button.fillColor.red   = 1;
    this.button.fillColor.blue  = 0;
    this.button.fillColor.green = 0;
}

addDisposalCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 5472

Adds a callback function to the list of callbacks that occur when this SceneObject is disposed.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function that is called when this SceneObject is disposed.
callbackName	string			The name of the function that is called when this SceneObject is disposed.
callbackArgs	Array | any	<optional>		Arguments for the function that is called when this SceneObject is disposed.

Inherited From:

• Button.addDisposalCallback()

Example:

// Objective: Add a 'Disposal' callback.
// Expected Result: The console should read "disposal callback: myDisposalData".

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
this.mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );

// Add a callback function.
this.myCallback = function(args) {
   console.log('disposal callback:', args);
}

// Add a reference to a callback function passing the owner of the function, the function name, and any additional data we want.
this.mySceneObject.addDisposalCallback( this, "myCallback", ["myDisposalData"] );
// Call dispose() on mySceneObject. This will fire a disposal callback.
this.mySceneObject.dispose();

addDoubleTapCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6371

Adds a callback for when this Button is tapped twice in fast succession. See 'nc.multiTapInterval' to adjust the multi-tap speed.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.

Inherited From:

• Button.addDoubleTapCallback()

Example:

// Objective: Add a DoubleTapCallback to a Button.
// Action: Double tap the box.
// Expected Result: Each time you double tap the box it expands to 4 times its original size or contracts back to its original size.
 
// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add a callback, passing the owner of the function and the function name.
this.button.addDoubleTapCallback( this, "myCallback", ["myArgs0", "myArgs1"] );
  
// Add a callback function. Your first 2 parameters will always be the browser event and the camera.
this.myCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);

    if ( this.button.scale.x == 1 ) {
        this.button.scale.x = 4;
        this.button.scale.y = 4;
    } else {
        this.button.scale.x = 1;
        this.button.scale.y = 1;
    }
 }

addDragCallback(callbackOwner, callbackName, callbackArgs (opt), allowInOutAndMove (opt), requireDragInitiationThreshold (opt))

IncisorAPI.js, line 6182

Adds a callback for when this Button is dragged.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.
allowInOutAndMove	boolean	<optional>		Boolean determining if other buttons will receive cursorIn, cursorOut, and cursorMove events while this Button is being dragged. [DEFAULT: false]
requireDragInitiationThreshold	boolean	<optional>		Boolean determining if the cursor must be dragged by a minimum threshold before 'drag' callbacks start to happen. See 'Camera.mouseDragInitiationThreshold' and 'Camera.touchDragInitiationThreshold' for more information. [DEFAULT: true]

Inherited From:

• Button.addDragCallback()

Example:

// Objective: Add a DragCallback and a DropCallback to a Button.
// Action: Drag the box.
// Expected Result: As you are dragging the box it will be white. When you drop it, it will turn red.
 
// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add callbacks, passing the owner of the function and the function name.
this.button.addDragCallback( this, "myDragCallback", ["myArgs0", "myArgs1"] );
this.button.addDropCallback( this, "myDropCallback", ["myArgs0", "myArgs1"] );

// Add both callback functions. Your first 2 parameters will always be the browser event and the camera.
this.myDragCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('drag callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.green = 1;
    this.button.fillColor.blue = 1;
    this.button.position.x = nc.mainCamera.getCursorPosition().x;
    this.button.position.y = nc.mainCamera.getCursorPosition().y;
}
// Your first 2 parameters will always be the browser event and the camera. For a DropCallback you will receive 2 additional arguments, the dragged button and the button being dropped onto. 
this.myDropCallback = function( event, camera, draggedButton, dropTargetButton, callbackArgs0, callbackArgs1 ) {
    console.log('drop callback:', event.type, camera.name, draggedButton.name, dropTargetButton.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.green = 0;
    this.button.fillColor.blue = 0;
}

addDropCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6230

Adds a callback for when this Button is dropped (after being dragged). Please note that the Button must have a drag callback in order for any drop callbacks to occur.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, the viewing Camera, the dragged Button, and the Button being dropped onto (if any) will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first four parameters.

Inherited From:

• Button.addDropCallback()

Example:

// Objective: Add a DragCallback and a DropCallback to a Button.
// Action: Drag the box.
// Expected Result: As you are dragging the box it will be white. When you drop it, it will turn red.
 
// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add callbacks, passing the owner of the function and the function name.
this.button.addDragCallback( this, "myDragCallback", ["myArgs0", "myArgs1"] );
this.button.addDropCallback( this, "myDropCallback", ["myArgs0", "myArgs1"] );

// Add both callback functions. Your first 2 parameters will always be the browser event and the camera.
this.myDragCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('drag callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.green = 1;
    this.button.fillColor.blue = 1;
    this.button.position.x = nc.mainCamera.getCursorPosition().x;
    this.button.position.y = nc.mainCamera.getCursorPosition().y;
}
// Your first 2 parameters will always be the browser event and the camera. For a DropCallback you will receive 2 additional arguments, the dragged button and the button being dropped onto. 
this.myDropCallback = function( event, camera, draggedButton, dropTargetButton, callbackArgs0, callbackArgs1 ) {
    console.log('drop callback:', event.type, camera.name, draggedButton.name, dropTargetButton.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.green = 0;
    this.button.fillColor.blue = 0;
}

addEffectNodes(effectNodes, alsoAddToDescendants (opt))

IncisorAPI.js, line 5691

Adds the given EffectNodes to the Materials associated with this SceneObject. EffectNodes are GPU-driven visual effects assigned to SceneObjects, GraphicObjects, and ultimately Materials. Each EffectNode can be manipulated dynamically by one or more EffectControllers, which are accessable as direct members of the given SceneObject or Material. When a GraphicObject is set to a particular GraphicAsset, it's Materials adopt the GraphicAsset's EffectNode and EffectController presets by default, but they can be customized at any time.

Parameters:

Name	Type	Attributes	Default	Description
effectNodes	Array.<EffectNode> | EffectNode			The EffectNodes to add to this SceneObject and its Materials.
alsoAddToDescendants	boolean	<optional>	true	Boolean determining if the given EffectNodes will also be added to the SceneObject's descendants' Materials. [DEFAULT: true]

Inherited From:

• Button.addEffectNodes()

addEnabledStateChangeCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 5384

Adds a callback function to the list of callbacks that occur whenever the state of this SceneObject's 'enabled' property changes. The true/false enabled state is sent to the callback as its first paremeter, followed by any 'callbackArgs' provided.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function that is called when this SceneObject's enabled state changes.
callbackName	string			The name of the function that is called when this SceneObject's enabled state changes.
callbackArgs	Array | any	<optional>		Arguments for the function that is called when this SceneObject's enabled state changes.

Inherited From:

• Button.addEnabledStateChangeCallback()

Example:

// Objective: Add an 'Enabled State Change' callback.
// Expected Result: The console should have 2 log messages as follows:
//    enabled state is false
//    enabled state is true

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
this.mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );

// Add a callback function.
this.myCallback = function(args) {
   console.log('enabled state is', args);
}

// Add a reference to a callback function passing the owner of the function and the function name.
this.mySceneObject.addEnabledStateChangeCallback( this, "myCallback" );
// Set mySceneObject to enabled = false. This will fire an enabled state change callback.
this.mySceneObject.enabled = false;
// Set mySceneObject to enabled = true. This will fire an enabled state change callback.
this.mySceneObject.enabled = true;

addPressCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6279

Adds a callback for when this Button is pressed down.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.

Inherited From:

• Button.addPressCallback()

Example:

// Objective: Add a PressCallback and a ReleaseCallback to a Button.
// Action: Press and release the button to change its color.
// Expected Result: Each time you are pressing the button it will be red. When you release it, it will turn back to green.

// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Initially, make the button green.
this.button.fillColor.red = 0;
this.button.fillColor.blue = 0;
// Add callbacks, passing the owner of the function and the function name.
this.button.addPressCallback( this, "myPressCallback", ["myArgs0", "myArgs1"] );
this.button.addReleaseCallback( this, "myReleaseCallback", ["myArgs0", "myArgs1"] );

// Add callback functions. Your first 2 parameters will always be the browser event and the camera.
this.myPressCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.red   = 1;
    this.button.fillColor.green = 0;
}
this.myReleaseCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.red   = 0;
    this.button.fillColor.green = 1;
}

addReleaseCallback(callbackOwner, callbackName, callbackArgs (opt), releaseRequiresInitialPress (opt))

IncisorAPI.js, line 6327

Adds a callback for when this Button is released.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.
releaseRequiresInitialPress	boolean	<optional>	true	If true, the Button must be pressed before being released in order for the callback to occur. [DEFAULT: true]

Inherited From:

• Button.addReleaseCallback()

Example:

// Objective: Add a PressCallback and a ReleaseCallback to a Button.
// Action: Press and release the button to change its color.
// Expected Result: Each time you are pressing the button it will be red. When you release it, it will turn back to green.

// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Initially, make the button green.
this.button.fillColor.red = 0;
this.button.fillColor.blue = 0;
// Add callbacks, passing the owner of the function and the function name.
this.button.addPressCallback( this, "myPressCallback", ["myArgs0", "myArgs1"] );
this.button.addReleaseCallback( this, "myReleaseCallback", ["myArgs0", "myArgs1"] );

// Add callback functions. Your first 2 parameters will always be the browser event and the camera.
this.myPressCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.red   = 1;
    this.button.fillColor.green = 0;
}
this.myReleaseCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);
    this.button.fillColor.red   = 0;
    this.button.fillColor.green = 1;
}

addScrollCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6467

Adds a callback for when the cursor 'scroll' occurs over this Button. Invoke the 'preventDefault' method on the event sent to the callback to prevent browser-level scrolling functionality.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.

Inherited From:

• Button.addScrollCallback()

Example:

// Objective: Add a ScrollCallback to a Button.
// Action: Mouse wheel up and down over the white box.
// Expected Result: As you mouse wheel up, the box expands. As you wheel down, it contacts.

// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add a callback, passing the owner of the function and the function name.
this.button.addScrollCallback( this, "myCallback", ["myArgs0", "myArgs1"] );

// Add a callback function. Your first 2 parameters will always be the browser event and the camera.
this.myCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.name, camera.name, callbackArgs0, callbackArgs1);
    
    // Use the event to get the delta of the mouse wheel
    if ( event.wheelDelta > 0 ) {
        // "zoom in" no greater than 5 x original size
        if ( this.button.scale.x <= 5 ) {
           this.button.scale.x = this.button.scale.x + .1;
           this.button.scale.y = this.button.scale.y + .1;
        }    
    } else {
        // zoom out no smaller than .05 original size
        if ( this.button.scale.x >= 0.5 ) {
            this.button.scale.x = this.button.scale.x - .1;
            this.button.scale.y = this.button.scale.y - .1;
        }    
    }
}

addTripleTapCallback(callbackOwner, callbackName, callbackArgs (opt))

IncisorAPI.js, line 6415

Adds a callback for when this Button is tapped three times in fast succession. See 'nc.multiTapInterval' to adjust the multi-tap speed.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.
callbackArgs	Array | any	<optional>		Arguments for the callback function. Please note that the callback-triggering browser-generated event, and the viewing Camera will automatically be prepended to this list of arguments, so the callback implementation must plan to receive those as its first two parameters.

Inherited From:

• Button.addTripleTapCallback()

Example:

// Objective: Add a TripleTapCallback to a Button.
// Action: Triple tap the box.
// Expected Result: Each time you triple tap the box it expands to 4 times its original size or contracts back to its original size.
 
// Create a button using the Button constructor.
this.button = new Button( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );
// Add a callback, passing the owner of the function and the function name.
this.button.addTripleTapCallback( this, "myCallback", ["myArgs0", "myArgs1"] );
  
// Add a callback function. Your first 2 parameters will always be the browser event and the camera.
this.myCallback = function( event, camera, callbackArgs0, callbackArgs1 ) {
    console.log('callback:', event.type, camera.name, callbackArgs0, callbackArgs1);

    if ( this.button.scale.x == 1 ) {
        this.button.scale.x = 4;
        this.button.scale.y = 4;
    } else {
        this.button.scale.x = 1;
        this.button.scale.y = 1;
    }
 }

configureGraphicExpander(expandableWidth, expandableHeight)

IncisorAPI.js, line 6843

Adds a GraphicExpander instance to this GraphicObject, which allows the GraphicObject to be expanded to a new size from the middle out.

Parameters:

Name	Type	Attributes	Default	Description
expandableWidth	number | Array.<number>			Specifies the width of the inner region of the GraphicObject that can be expanded to a new size. If a single number is provided, the region is centered on the center of the GraphicObject. If an array of two numbers is provided, these are the left and right edges of the expandable region, with respect to the center of the GraphicObject.
expandableHeight	number | Array.<number>			Specifies the height of the inner region of the GraphicObject that can be expanded to a new size. If a single number is provided, the region is centered on the center of the GraphicObject. If an array of two numbers is provided, these are the bottom and top edges of the expandable region, with respect to the center of the GraphicObject.

Inherited From:

• Button.configureGraphicExpander()

Example:

// Objective: Configure a GraphicExpander
// Expected Result: 
// You will see 3 boxes. A white box (50x50) in the center, 
// a blue box (50x100) to its left, stretched 25 world units at the top and bottom, and a red box (50x75)
// to its right, stretched 25 world units at the top.
  
// Add a GraphicObject to the main scene using the GraphicObject constructor and the WhiteBox GraphicAsset.
// We will not do anything further to this box.
let centerWhiteBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "CenterWhiteBox" );

// Add another GraphicObject to the main scene using the GraphicObject constructor and the WhiteBox GraphicAsset.
let blueBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "BlueBox" );
// Make blueBox blue.
blueBox.fillColor = new Color( 0, 0, 1, 1 );
// Move blueBox to the left 100 world units.
blueBox.position.x = -100;

// Add another GraphicObject to the main scene using the GraphicObject constructor and the RedBox GraphicAsset.
let redBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "RedBox" );
// Make redBox red.
redBox.fillColor = new Color( 1, 0, 0, 1 );
// Move the redBox to the right 100 world units.
redBox.position.x = 100;
 
// Use configureGraphicExpander() to stretch the "BlueBox" vertically using a single value
// Note that the blue box will stretch 25 world units at the top and 25 world units at the bottom.
blueBox.configureGraphicExpander( 0, 200 );

// Use configureGraphicExpander() to stretch and move the "RedBox" vertically using an array of values
// Note that the red box expands 25 world units, but only at the top.
redBox.configureGraphicExpander( 0, [0,100] );

configureLayoutObject(refreshLayoutCallbackOwner, refreshLayoutCallbackName, refreshLayoutCallbackArgs)

IncisorAPI.js, line 5773

Function to configure the SceneObject with LayoutObject functionality, which prepares it to be added as an element to a LayoutStack. Once configured, the configuration information can be found (and adjusted if necessary) in the SceneObject.layoutObject. Most SceneObject-inheriting objects have standard LayoutObject functionality that is automatically configured when they are added as elements to a LayoutStack, so this method is mainly for creating custom LayoutObject functionality. Configuration consists of supplying a callback to a user-defined function that refreshes the layout of the SceneObject in question and returns a Vector2 containing the resulting dimensions.

Parameters:

Name	Type	Attributes	Default	Description
refreshLayoutCallbackOwner	object			The object owning the callback function that is called by the LayoutStack containing this LayoutObject when the layout is refreshed.
refreshLayoutCallbackName	string			The name of the callback function that is called by the LayoutStack containing this LayoutObject when the layout is refreshed.
refreshLayoutCallbackArgs	Array | any			Arguments for the callback function that is called by the LayoutStack containing this LayoutObject when the layout is refreshed.

Inherited From:

• Button.configureLayoutObject()

Example:

// Objective: Configure a layout object.
// Expected Result: The console should read "layout object width and height after configuration: 20 10".

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
this.mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );

// Add a callback function.
this.myCallback = function(args) {
    // return a Vector2 with a width of 20 and a height of 10
    return new Vector2( 20, 10 ); 
}

// Add a reference to a callback function passing the owner of the function and the function name.
this.mySceneObject.configureLayoutObject( this, "myCallback" );
console.log('layout object width and height after configuration:', this.mySceneObject.layoutObject.width, this.mySceneObject.layoutObject.height);

configureSpriteSetter(keyGraphicAsset, frameRate (opt), pauseImmunity (opt), speedControl (opt))

IncisorAPI.js, line 6856

Adds a SpriteSetter instance to this GraphicObject, which allows the GraphicObject's graphicAsset to be switched to numerically sequential GraphicAssets.

Parameters:

Name	Type	Attributes	Default	Description
keyGraphicAsset	GraphicAsset			Specifies the key GraphicAsset. This GraphicAsset's name should end in a number. All GraphicAssets whose name matches the key GraphicAsset's name with a different trailing number will be used to set the SpriteSetter's associated GraphicAssets list. For example, if the key GraphicAsset is named "MyAnimation001", all GraphicAssets with the name "MyAnimation" followed by any sequence of the digits 0-9 will be gathered into this SpriteSetter's associated GraphicAssets.
frameRate	number	<optional>		Specifies the frames per second at which the SpriteSetter should play. Note that this is reflected in the SpriteSetter's playbackRate value. [DEFAULT: nc.targetFixedUpdateRate]
pauseImmunity	PauseEvent | Array.<PauseEvent>	<optional>		The PauseEvent or Array of PauseEvents that this ParticleSystem will be immune to. Set this parameter to [] to create callbacks with no immunity. If this parameter is left undefined, the current value of 'nc.defaultPauseImmunity' will be used. The value for 'nc.defaultPauseImmunity' defaults to [], but can be changed at any time. [DEFAULT: nc.defaultPauseImmunity]
speedControl	SpeedControl | Array.<SpeedControl>	<optional>		The SpeedControl or Array of SpeedControls that this ParticleSystem is affected by. [DEFAULT: nc.defaultSpeedControl]

Inherited From:

• Button.configureSpriteSetter()

Example:

// Objective: Configure a SpriteSetter

configureUiKeyboardNavigable(setOutlineCallbackOwner, setOutlineCallbackName, triggerCallbackOwner, triggerCallbackName)

IncisorAPI.js, line 5792

Function to configure the SceneObject with UiKeyboardNavigable functionality, which enables the end-user access the SceneObject using keyboard navigation.
Calling 'configureUiKeyboardNavigable' populates the 'uiKeyboardNavigable' member for the owning SceneObject.

Parameters:

Name	Type	Attributes	Default	Description
setOutlineCallbackOwner	object			The owner of the callback that occurs whenever keyboard navigation changes the 'outline' state of the UiKeyboardNavigable object. The outline state will be sent to the callback as its first parameter.
setOutlineCallbackName	string			The name of the callback that occurs whenever keyboard navigation changes the 'outline' state of the UiKeyboardNavigable object. The outline state will be sent to the callback as its first parameter.
triggerCallbackOwner	object			The owner of the callback that occurs whenever keyboard navigation triggers the UiKeyboardNavigable object via the spacebar or enter keys.
triggerCallbackName	string			The name of the callback that occurs whenever keyboard navigation triggers the UiKeyboardNavigable object via the spacebar or enter keys

Inherited From:

• Button.configureUiKeyboardNavigable()

configureUiKeyboardNavigator()

IncisorAPI.js, line 5781

Function to configure the SceneObject with UiKeyboardNavigator functionality, which enables the end-user to press the tab, space, and enter keys to outline and trigger any 'uiKeyboardNavigable' descendants of the SceneObject owning this UiKeyboardNavigator when it is 'in focus' according to 'nc.singularFocusObject'. Calling 'configureUiKeyboardNavigator' populates the 'uiKeyboardNavigator' member for the owning SceneObject.

Inherited From:

• Button.configureUiKeyboardNavigator()

configureUiVisualFocus()

IncisorAPI.js, line 5801

Function to configure the SceneObject with UiVisualFocus functionality, which focuses the end-user's attention on the given SceneObject by placing it in front of a dimmer layer whenever the object is the the current 'singularFocusObject'. Calling 'configureUiVisualFocus' populates the 'uiVisualFocus' member for the owning SceneObject. It should be noted that the dimmer layer that the newly focused item is placed in front of is actually a button which, when pressed, calls the 'attemptExitUiVisualFocus' member of the current singularFocusObject if that member is defined.

Inherited From:

• Button.configureUiVisualFocus()

disable()

IncisorAPI.js, line 5355

Sets this SceneObject's 'enabled' value to false.

Inherited From:

• Button.disable()

Example:

// Objective: Call disable() on a previously enabled SceneObject.
// Expected Result: The console should read "enabled state is false".

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
this.mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );

// Add a callback function.
this.myCallback = function(args) {
    console.log('enabled state is', args);
}

// Add a reference to a callback function passing the owner of the function and the function name.
this.mySceneObject.addEnabledStateChangeCallback( this, "myCallback" );
// By default, the SceneObject is already enabled. Call disable() on mySceneObject. This will fire an enabled state change callback.
this.mySceneObject.disable();

disableMasking()

IncisorAPI.js, line 6802

Reverts this GraphicObject's status back to a standard GraphicObject, which is neither affecting or affected by masking.

Inherited From:

• Button.disableMasking()

dispose()

IncisorAPI.js, line 5448

Removes this SceneObject and its descendants from the hierarchy, and removes internal Incisor® references to aid memory management.

Inherited From:

• Button.dispose()

Example:

// Objective: Call dispose() on a SceneObject.
// Expected Result: The console should have 2 log messages as follows:
//    descendants before disposal 3
//    after wait descendants after disposal 1 

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject1" to the SceneObject.
let myGraphicObject1 = new GraphicObject( nc.graphicAssets.WhiteBox, mySceneObject, "GraphicObject1" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject2" to myGraphicObject1.
let myGraphicObject2 = new GraphicObject( nc.graphicAssets.WhiteTriangle, myGraphicObject1, "GraphicObject2" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject3" to myGraphicObject2.
let myGraphicObject3 = new GraphicObject( nc.graphicAssets.WhiteTriangle, myGraphicObject2, "GraphicObject3" );

// Log the number of descendants of mySceneObject before calling dispose().
console.log( "descendants before disposal", mySceneObject.getDescendants().length );
// Call dispose() on myGraphicObject2.
myGraphicObject2.dispose();

// The call to dispose() can take some time to complete so lets wait 2 seconds before we log again.

// Create a callback function to log the descendants after calling dispose().
this.myWait = function() {
    console.log( "after wait descendants after disposal", mySceneObject.getDescendants().length );
}
// Using nc.WaitThen, wait 2 seconds before attempting to log the descendants again.
nc.waitThen( 2, this, "myWait" );

enable()

IncisorAPI.js, line 5334

Sets this SceneObject's 'enabled' value to true.

Inherited From:

• Button.enable()

Example:

// Objective: Call enable() on a previously disabled SceneObject.
// Expected Result: The console should have 2 log messages as follows:
//    enabled state is false
//    enabled state is true

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
this.mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );

// Add a callback function.
this.myCallback = function(args) {
    console.log('enabled state is', args);
}

// Add a reference to a callback function passing the owner of the function and the function name.
this.mySceneObject.addEnabledStateChangeCallback( this, "myCallback" );
// Set the enabled state of mySceneObject to false.
this.mySceneObject.enabled = false;
// Call enable() on mySceneObject. This will fire an enabled state change callback.
this.mySceneObject.enable();

getAncestors() returns {Array.<SceneObject>}

IncisorAPI.js, line 5527

Returns a list of this SceneObject's ancesters.

Returns:

Array.<SceneObject>

Inherited From:

• Button.getAncestors()

Example:

// Objective: Get the ancestors of a SceneObject.
// Expected Result: The console should have 2 log messages as follows:
//    myGraphicObject3 ancestors count 4
//    myGraphicObject1 ancestors count 2

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject1" to the SceneObject.
let myGraphicObject1 = new GraphicObject( nc.graphicAssets.WhiteBox, mySceneObject, "GraphicObject1" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject2" to the GraphicObject myGraphicObject1 (GraphicObject1). 
let myGraphicObject2 = new GraphicObject( nc.graphicAssets.WhiteTriangle, myGraphicObject1, "GraphicObject2" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject3" to the GraphicObject myGraphicObject2 (GraphicObject2). 
let myGraphicObject3 = new GraphicObject( nc.graphicAssets.WhiteTriangle, myGraphicObject2, "GraphicObject3" );
// Console log the ancestors count.
console.log( "myGraphicObject3 ancestors count", myGraphicObject3.getAncestors().length );
console.log( "myGraphicObject1 ancestors count", myGraphicObject1.getAncestors().length );

getDescendants(enabledOnly, includeEnclosedScenes) returns {Array.<SceneObject>}

IncisorAPI.js, line 5552

Returns a list of this SceneObject's descendants.

Parameters:

Name	Type	Attributes	Default	Description
enabledOnly	boolean			Boolean determining if only enabled SceneObjects are added to the returned list. [DEFAULT: true]
includeEnclosedScenes	boolean			Boolean determining if sub-descendants of ScrollingPanels' Scenes will be included in the returned list. [DAFAULT: false]

Returns:

Array.<SceneObject>

Inherited From:

• Button.getDescendants()

Example:

// Objective: Get the descendants of a SceneObject.
// Expected Result: The console should have 2 log messages as follows:
//    myGraphicObject3 descendants count 0
//    myGraphicObject1 descendants count 2

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
let mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject1" to the SceneObject.
let myGraphicObject1 = new GraphicObject( nc.graphicAssets.WhiteBox, mySceneObject, "GraphicObject1" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject2" to the GraphicObject myGraphicObject1 (GraphicObject1). 
let myGraphicObject2 = new GraphicObject( nc.graphicAssets.WhiteTriangle, myGraphicObject1, "GraphicObject2" );
// Using the GraphicObject constructor, add a GraphicObject named "GraphicObject3" to the GraphicObject myGraphicObject2 (GraphicObject2). 
let myGraphicObject3 = new GraphicObject( nc.graphicAssets.WhiteTriangle, myGraphicObject2, "GraphicObject3" );
// Console log the descendants count.
console.log( "myGraphicObject3 descendants count", myGraphicObject3.getDescendants().length );
console.log( "myGraphicObject1 descendants count", myGraphicObject1.getDescendants().length );

getGlobalPosition(returnVector3 (opt)) returns {Vector3}

IncisorAPI.js, line 5577

Returns a Vector3 with the global position of this SceneObject within the Scene.

Parameters:

Name	Type	Attributes	Default	Description
returnVector3	Vector3	<optional>		Optional Vector3 that can be supplied to avoid the generation of a new Vector3 object for efficiency.

Returns:

Vector3

Inherited From:

• Button.getGlobalPosition()

Example:

// Objective: Get the global position of a SceneObject.
// Expected Result: 'InnerSceneObject' global position x,y 200 200

// Create a new Scene and name it "MyScene".
let myScene = new Scene("MyScene");
// Create a SceneObject using the SceneObject constructor. This will add "OuterSceneObject" to "MyScene".
let outerSceneObject = new SceneObject( myScene, "OuterSceneObject" );
// Create a SceneObject using the SceneObject constructor. This will add "InnerSceneObject" to "OuterSceneObject".
let innerSceneObject = new SceneObject( outerSceneObject, "InnerSceneObject" );
// Update the position of the outerSceneObject, moving it up and to the right, 100 world units.
outerSceneObject.position.x = 100;
outerSceneObject.position.y = 100;   
// Update the position of the innerSceneObject, moving it up and to the right, 100 world units.
innerSceneObject.position.x = 100;
innerSceneObject.position.y = 100;  
// Console log the x and y of mySceneObject using getGlobalPosition(). 
console.log( "'InnerSceneObject' global position x,y", innerSceneObject.getGlobalPosition().x, innerSceneObject.getGlobalPosition().y );

getGlobalScale(returnVector3 (opt)) returns {Vector3}

IncisorAPI.js, line 5617

Returns a Vector3 with the global scale of this SceneObject within the Scene.

Parameters:

Name	Type	Attributes	Default	Description
returnVector3	Vector3	<optional>		Optional Vector3 that can be supplied to avoid the generation of a new Vector3 object for efficiency.

Returns:

Vector3

Inherited From:

• Button.getGlobalScale()

Example:

// Objective: Get the global scale of a SceneObject.
// Expected Result: The console should read "scale x,y 2 2.
   
// Add a GraphicObject to the main scene using the GraphicObject constructor. 
let whiteBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "WhiteBox" );
// Use scale to make the "WhiteBox" twice as large
whiteBox.scale.x = 2;
whiteBox.scale.y = 2;

console.log( "scale x,y", whiteBox.getGlobalScale().x, whiteBox.getGlobalScale().y );

getMaterials() returns {Array.<Material>}

IncisorAPI.js, line 6752

Returns the list of this GraphicObject's Materials.

Returns:

Array.<Material>

Inherited From:

• Button.getMaterials()

getViewPosition(camera, returnVector3 (opt)) returns {Vector3}

IncisorAPI.js, line 5667

Returns a Vector3 containing the coordinates for this SceneObject within the given Camera's view area. The camera's view area bounds are confined to x within [-.5, .5] and y within [-.5, .5] where -.5 corresponds to left and bottom.

Parameters:

Name	Type	Attributes	Default	Description
camera	Camera			The Camera to 'look through' when obtaining the view position of this SceneObject. [DEFAULT: nc.mainCamera]
returnVector3	Vector3	<optional>		Optional Vector3 that can be supplied to avoid the generation of a new Vector3 object for efficiency.

Returns:

Vector3

Inherited From:

• Button.getViewPosition()

Example:

// Objective: Get the view position of a SceneObject within a Camera's view area
// Expected Result: The console should have 2 log messages that look something like the following:
//    'MyGraphicObject' view position x,y 0.030978934324659233 0
//    'MyGraphicObject' view position x,y 0.061957868649318466 0
//
// NOTE: Because view position is relative to the Camera's view area, your x value will depend on the resolution of your screen. 
//       Try resizing your screen and running the test again. You will notice your x value has changed.
//

// Using the GraphicObject constructor, add a GraphicObject named "MyGraphicObject" to the main scene
let myGraphicObject = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "MyGraphicObject" );
// Update the x position of myGraphicObject, moving it to the right 100 world units.
myGraphicObject.position.x = 100;
// Console log the x and y of "MyGraphicObject" using getViewPosition(). 
console.log( "'MyGraphicObject' view position x,y", myGraphicObject.getViewPosition().x, myGraphicObject.getViewPosition().y );
// Update the x position of myGraphicObject again, moving it to the right 200 world units.
myGraphicObject.position.x = 200;
// Console log the x and y of "MyGraphicObject" using getViewPosition(). 
console.log( "'MyGraphicObject' view position x,y", myGraphicObject.getViewPosition().x, myGraphicObject.getViewPosition().y );

makeMasked(maskList, invertMask (opt))

IncisorAPI.js, line 6797

Causes this GraphicObject to only be rendered in the areas defined by the given Mask or Masks.

Parameters:

Name	Type	Attributes	Default	Description
maskList	Mask | Array.<Mask>			The Mask or list of Masks that the rendering of this GraphicObject will be limited to. For a list of available Masks, see 'nc.masks'.
invertMask	boolean	<optional>		Inverts the effect of the masking, swapping the areas where this GraphicObject will and won't be rendered. [DEFAULT: false]

Inherited From:

• Button.makeMasked()

Example:

// Objective: Use a mask to reveal only a portion of the phrase "Hello World."
// Expected Result: You will see the word "World." on screen.

// create a TextBox
let textBox = nc.addTextBox( nc.mainScene );
textBox.string = "Hello World."
textBox.makeMasked( nc.masks.MainMask ); // mask it with "MainMask"

// create a GraphicObject rectangle and position it to cover the word "World."
this.masker = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "Masker" );
this.masker.scale.x = 2; // rectangle
this.masker.position.x = 75; // position
this.masker.makeMasker( nc.masks.MainMask ); // make it a masker for "MainMask"

makeMasker(maskList, showMasker (opt))

IncisorAPI.js, line 6776

Causes this GraphicObject to contribute to the given Mask or Masks, adding its fully filled Geometry to the masks' areas. Please note that calling this function will change its layer value if the 'showMasker' parameter is false, but that the change would be reversed if 'disableMasking' is called. If this function is called with showMasker=true then the layer value will be unchanged, but the masking affect of this GraphicObject would only apply to other GraphicObjects that are behind this one.

Parameters:

Name	Type	Attributes	Default	Description
maskList	Mask | Array.<Mask>			The Mask or list of Masks that this GraphicObject's shape will be added to. For a list of available Masks, see 'nc.masks'.
showMasker	boolean	<optional>		Boolean determining if this GraphicObject will be visible, in spite of being a Masker. [DEFAULT: false]

Inherited From:

• Button.makeMasker()

Example:

// Objective: Use a mask to reveal only a portion of the phrase "Hello World."
// Expected Result: You will see the word "World." on screen.

// create a TextBox
let textBox = nc.addTextBox( nc.mainScene );
textBox.string = "Hello World."
textBox.makeMasked( nc.masks.MainMask ); // mask it with "MainMask"

// create a GraphicObject rectangle and position it to cover the word "World."
this.masker = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "Masker" );
this.masker.scale.x = 2; // rectangle
this.masker.position.x = 75; // position
this.masker.makeMasker( nc.masks.MainMask ); // make it a masker for "MainMask"

removeContextMenuCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6511

Removes the callback for when the in-browser context menu is activated over this Button.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeContextMenuCallback()

removeCursorInCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6094

Removes the callback for when the cursor is moved into this Button's bounds.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeCursorInCallback()

Example:

// Objective: Remove a CursorInCallback from a Button.
// Actions: 
// 1. Move your mouse pointer in and out of the white box.
// 1. Expected Result: The console should read "action: mousemove" each time your mouse enters the white box.

// 2. Click the white triangle to remove the CursorInCallback.
// 2. Expected Result: Upon clicking the white triangle, the console should read "removing the callback". Moving the mouse in and out of the white box no longer generates any console messages
  
// Create a button to use to remove the callback. Use the WhiteTriangle GraphicAsset.
this.removeCallbackButton = nc.addButton( nc.graphicAssets.WhiteTriangle, nc.mainScene, "RemoveCallbackButton" );
// Move the white triangle to the right 200 world units.
this.removeCallbackButton.position.x = 200;
// Create a callback function that handles the click of the white triangle and executes removeCursorInCallback() 
this.myRemovePressCallback = function(args) {
    console.log('removing the callback');
    // Inside this press callback, remove the CursorInCallback
    this.button.removeCursorInCallback( this, "myActionCallback" );
}
// Add the PressCallback to handle the clicking of the white triangle
this.removeCallbackButton.addPressCallback( this, "myRemovePressCallback" );

// Create a button using the "nc" factory method.
this.button = nc.addButton( nc.graphicAssets.WhiteBox, nc.mainScene, "MyButton" );

// Create a callback function.
this.myActionCallback = function(args) {
    console.log('action:', args.type);
}

// Add a CursorInCallback
this.button.addCursorInCallback( this, "myActionCallback" );

removeCursorMoveCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6016

Removes the callback for when the cursor is moved over this Button.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeCursorMoveCallback()

removeCursorOutCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6140

Removes the callback for when the cursor is moved out of this Button's bounds.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeCursorOutCallback()

removeDisposalCallback(callbackOwner, callbackName)

IncisorAPI.js, line 5479

Removes the given callback function from the list of callbacks that occur when this SceneObject is disposed.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function that is called when this SceneObject is disposed.
callbackName	string			The name of the function that is called when this SceneObject is disposed.

Inherited From:

• Button.removeDisposalCallback()

removeDoubleTapCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6378

Removes the callback for when this Button is tapped twice in fast succession.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeDoubleTapCallback()

removeDragCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6189

Removes the callback for when this Button is dragged.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeDragCallback()

removeDropCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6237

Removes the callback for when this Button is dropped (after being dragged).

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeDropCallback()

removeEnabledStateChangeCallback(callbackOwner, callbackName)

IncisorAPI.js, line 5415

Removes an 'enabledStateChange' callback.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function to remove.
callbackName	string			The name of the callback function to remove.

Inherited From:

• Button.removeEnabledStateChangeCallback()

Example:

// Objective: Add an 'Enabled State Change' callback.
// Expected Result: The console should have 2 log messages as follows:
//    enabled state is false
//    enabled state is true

// Create a SceneObject using the SceneObject constructor. This will add "MySceneObject" to the main scene.
this.mySceneObject = new SceneObject( nc.mainScene, "MySceneObject" );

// Add a callback function.
this.myCallback = function(args) {
    console.log('enabled state is', args);
}

// Add a reference to a callback function passing the owner of the function and the function name.
this.mySceneObject.addEnabledStateChangeCallback( this, "myCallback" );
// Set mySceneObject to enabled = false. This will fire an enabled state change callback.
this.mySceneObject.enabled = false;
// Set mySceneObject to enabled = true. This will fire an enabled state change callback.
this.mySceneObject.enabled = true;
// Remove the reference to a callback function passing the owner of the function and the function name.
this.mySceneObject.removeEnabledStateChangeCallback( this, "myCallback" );
// Set mySceneObject to enabled = false. This will NO LONGER fire an enabled state change callback and no console message will be logged.
this.mySceneObject.enabled = false;

removePressCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6286

Removes the callback for when this Button is pressed down.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removePressCallback()

removeReleaseCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6334

Removes the callback for when this Button is released.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeReleaseCallback()

removeScrollCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6474

Removes the callback for when the cursor 'scroll' occurs over this Button.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeScrollCallback()

removeTripleTapCallback(callbackOwner, callbackName)

IncisorAPI.js, line 6422

Removes the callback for when this Button is tapped three times in fast succession.

Parameters:

Name	Type	Attributes	Default	Description
callbackOwner	object			The object owning the callback function.
callbackName	string			The name of the callback function.

Inherited From:

• Button.removeTripleTapCallback()

setEffectNodes(effectNodes, alsoSetDescendants (opt))

IncisorAPI.js, line 5679

Sets the EffectNodes for the Materials associated with this SceneObject.
EffectNodes are GPU-driven visual effects assigned to SceneObjects, GraphicObjects, and ultimately Materials. Each EffectNode can be manipulated dynamically by one or more EffectControllers, which are accessable as direct members of the given SceneObject or Material. When a GraphicObject is set to a particular GraphicAsset, it's Materials adopt the GraphicAsset's EffectNode and EffectController presets by default, but they can be customized at any time.

Parameters:

Name	Type	Attributes	Default	Description
effectNodes	Array.<EffectNode> | EffectNode			The new list of EffectNodes that will apply to the Materials associated with this SceneObject.
alsoSetDescendants	boolean	<optional>	true	Boolean determining if this SceneObject's descendants' Materials will also adopt the provided list of EffectNodes. [DEFAULT: true]

Inherited From:

• Button.setEffectNodes()

setGraphicAsset(graphicAsset, maintainEffectNodes (opt), maintainEffectControllerValues (opt))

IncisorAPI.js, line 6739

Changes this GraphicObject's GraphicAsset, updating its Geometry and Materials.

Parameters:

Name	Type	Attributes	Default	Description
graphicAsset	GraphicAsset			The GraphicAsset that this GraphicObject will become. For a list of available GraphicAssets, see 'nc.graphicAssets'.
maintainEffectNodes	boolean	<optional>		Boolean determining if the current EffectNodes will be maintained during the transformation to the new GraphicAsset. [DEFAULT: false]
maintainEffectControllerValues	boolean	<optional>		Boolean determining if the current EffectController values will be maintained during the transformation to the new GraphicAsset. [DEFAULT: false]

Inherited From:

• Button.setGraphicAsset()

Example:

// Objective: Set a GraphicAsset on a GraphicObject.
// Expected Result: You will see a white triangle. 

// Add a GraphicObject to the main scene using the GraphicObject constructor and the WhiteBox GraphicAsset.
let myGraphicObject = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "MyGraphicObject") ;
// Call setGraphicAsset() to change the White Box to a White Triangle
myGraphicObject.setGraphicAsset( nc.graphicAssets.WhiteTriangle );

setLayers(layer, sceneObjectList (opt))

IncisorAPI.js, line 5735

Sets the Layers of all of the GraphicObject descendants of this SceneObject to the supplied Layer.

Parameters:

Name	Type	Attributes	Default	Description
layer	Layer			The layer to change this SceneObject's descendants to.
sceneObjectList	Array.<SceneObject>	<optional>		Optional list designating exactly which decendants to set the layers for. If left undefined, all GraphicObject descendants' layers will be updated.

Inherited From:

• Button.setLayers()

Example:

// Objective: Swap the position of GraphicObjects using setLayers().
// Action: Click the white triangle Button to swap the layering of the red and white boxes.
// Expected Result: Upon clicking the white triangle Button, the red and white boxes will swap positions.

// Start by creating 2 different GraphicObjects, red and white.
let redBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "RedBox" );
redBox.fillColor = new Color( 1,0,0,1 ); // make the white box red

let whiteBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "WhiteBox" );
// Offset the White Box, 25 world units, down and to the right.
whiteBox.position.x = 25;
whiteBox.position.y = -25;

// Define a new Layer named "LayerA" and set the red box to "LayerA".
nc.defineLayer( "LayerA", nc.mainScene );
redBox.layer = nc.layers.LayerA;
// Define a new Layer named "LayerB" and set the white box to "LayerB".
nc.defineLayer( "LayerB", nc.mainScene );
whiteBox.layer = nc.layers.LayerB;

// Using the nc factory method, create a white triangle button to handle the action of swapping layers.
let button = nc.addButton( nc.graphicAssets.WhiteTriangle, nc.mainScene, "MyButton" );
button.position.x = -120; // offset the button to the left
// Add a button callback function.
this.mySwapCallback = function(args) {
    // Swap the red and white Layers of the boxes.
    if ( redBox.layer === nc.layers.LayerA ) {
        redBox.setLayers( nc.layers.LayerB );
        whiteBox.setLayers( nc.layers.LayerA );
    } else {
        redBox.setLayers( nc.layers.LayerA );
        whiteBox.setLayers( nc.layers.LayerB );
    }
}
// Add a reference to a callback function passing the owner of the function and the function name.
button.addReleaseCallback( this, "mySwapCallback" );

setMaterials(materials)

IncisorAPI.js, line 6746

Sets this GraphicObject's Materials directly. This is used for specialized customization of GraphicObjects, and is not needed when working with standard GraphicAssets.

Parameters:

Name	Type	Attributes	Default	Description
materials	Array.<Material> | Material			The new list of Materials for this GraphicObject.

Inherited From:

• Button.setMaterials()

setParent(parent, maintainGlobalPosition (opt))

IncisorAPI.js, line 5504

Makes this SceneObject the child of the given SceneObject in the hierachy.

Parameters:

Name	Type	Attributes	Default	Description
parent	SceneObject			The SceneObject that will become this SceneObject's new parent.
maintainGlobalPosition	boolean	<optional>		Boolean determining if the global position, scale, and rotation should be preserved during the change in hierarchy. Note that this preservation is not always possible during a parent change. [DEFAULT: false]

Inherited From:

• Button.setParent()

Example:

// Objective: Set the parent of a SceneObject
// Expected Result: The console should have 2 log messages as follows:
//    GraphicObjectChild's parent is GraphicObjectA
//    GraphicObjectChild's parent is now GraphicObjectB

// Create a GraphicObject using the GraphicObject constructor. Name it "GraphicObjectA".
let graphicObjectA = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "GraphicObjectA" );
// Create a second GraphicObject using the GraphicObject constructor. Name it "GraphicObjectB".
let graphicObjectB = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "GraphicObjectB" );
// Create a third GraphicObject using the GraphicObject constructor. This time, make its parent graphicObjectA. Name it "GraphicObjectChild".
let graphicObjectChild = new GraphicObject( nc.graphicAssets.WhiteBox, graphicObjectA, "GraphicObjectChild" );
// Console log the parent.
console.log("GraphicObjectChild's parent is", graphicObjectChild.parent.name);
// Set the parent to graphicObjectB.
graphicObjectChild.setParent( graphicObjectB );
// Console log the parent.
console.log("GraphicObjectChild's parent is now", graphicObjectChild.parent.name);

setSubLayers(subLayer, sceneObjectList (opt))

IncisorAPI.js, line 5742

Sets the SubLayer values of all of the GraphicObject descendants of this SceneObject to the supplied subLayer value.

Parameters:

Name	Type	Attributes	Default	Description
subLayer	Layer			The subLayer to change this SceneObject's descendants to.
sceneObjectList	Array.<SceneObject>	<optional>		Optional list designating exactly which decendants to set the layers for. If left undefined, all GraphicObject descendants' layers will be updated.

Inherited From:

• Button.setSubLayers()

simulateContextMenuCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6518

Manually triggers the 'contextMenu' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateContextMenuCallback()

simulateCursorInCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6101

Manually triggers the 'cursorIn' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateCursorInCallback()

simulateCursorMoveCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6023

Manually triggers the 'cursorMove' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateCursorMoveCallback()

simulateCursorOutCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6147

Manually triggers the 'cursorOut' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateCursorOutCallback()

simulateDoubleTapCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6385

Manually triggers the 'doubleTap' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateDoubleTapCallback()

simulateDragCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6196

Manually triggers the 'drag' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateDragCallback()

simulateDropCallback(simulatedEvent (opt), simulatedCamera (opt), simulatedDropRecipient (opt))

IncisorAPI.js, line 6246

Manually triggers the 'drop' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.
simulatedDropRecipient	Button	<optional>		Button acting as the Button that is being dropped onto.

Inherited From:

• Button.simulateDropCallback()

simulatePressCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6293

Manually triggers the 'press' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulatePressCallback()

simulateReleaseCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6341

Manually triggers the 'release' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateReleaseCallback()

simulateScrollCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6481

Manually triggers the 'scroll' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateScrollCallback()

simulateTripleTapCallback(simulatedEvent (opt), simulatedCamera (opt))

IncisorAPI.js, line 6429

Manually triggers the 'tripleTap' callback for this Button.

Parameters:

Name	Type	Attributes	Default	Description
simulatedEvent	object	<optional>		Event object that can be supplied in place of the authentic browser-generated event that occurs when the callback is triggered naturally.
simulatedCamera	object	<optional>		The Camera that will be supplied to the callback as the 'triggering' Camera.

Inherited From:

• Button.simulateTripleTapCallback()

swoopGlobalPosition(endValues, duration (opt), tweenType (opt), completionCallbackOwner (opt), completionCallbackName (opt), completionCallbackArgs (opt), pauseImmunity (opt), speedControl (opt)) returns {Swooper}

IncisorAPI.js, line 5599

Swoops this SceneObject's position using global coordinates.

Parameters:

Name	Type	Attributes	Default	Description
endValues	Array.<number>			The array of target global position values [x,y,z].
duration	number	<optional>	0	The duration for the interpolation in seconds. [DEFAULT: 0]
tweenType	TweenType	<optional>	nc.tweenTypes.Linear	The TweenType, determining the method of interpolation. [DEFAULT: nc.tweenTypes.Linear]
completionCallbackOwner	object	<optional>		The object owning the callback function that is called when the Swooper completes.
completionCallbackName	string	<optional>		The name of the function that is called when the Swooper completes.
completionCallbackArgs	Array | any	<optional>		Arguments for the function that is called when the Swooper completes.
pauseImmunity	PauseEvent | Array.<PauseEvent>	<optional>	nc.defaultPauseImmunity	The PauseEvent or Array of PauseEvents that this Swooper will be immune to. Set this parameter to [] to create callbacks with no immunity. If this parameter is left undefined, the current value of 'nc.defaultPauseImmunity' will be used. The value for 'nc.defaultPauseImmunity' defaults to [], but can be changed at any time. [DEFAULT: nc.defaultPauseImmunity]
speedControl	SpeedControl | Array.<SpeedControl>	<optional>	nc.defaultSpeedControl	The SpeedControl or Array of SpeedControls that this Swooper is affected by. [DEFAULT: nc.defaultSpeedControl]

Returns:

Swooper

Inherited From:

• Button.swoopGlobalPosition()

Example:

// Objective: "Swoop" the position of the white box.
// Expected Result: The white box moves up and to the right, 300 world units, over a duration of 10 seconds.
 
// Add a GraphicObject to the main scene using the GraphicObject constructor.  
let whiteBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "WhiteBox" );
// Call swoopGlobalPosition() giving it the array of x,y,z values to swoop to over a duration of 10 seconds.
whiteBox.swoopGlobalPosition( [300,300,0], 10 );

swoopGlobalScale(endValues, duration (opt), tweenType (opt), completionCallbackOwner (opt), completionCallbackName (opt), completionCallbackArgs (opt), pauseImmunity (opt), speedControl (opt)) returns {Swooper}

IncisorAPI.js, line 5639

Swoops this SceneObject's scale using global coordinates.

Parameters:

Name	Type	Attributes	Default	Description
endValues	Array.<number>			The array of target global scale values [x,y,z].
duration	number	<optional>	0	The duration for the interpolation. [DEFAULT: 0]
tweenType	TweenType	<optional>	nc.tweenTypes.Linear	The TweenType, determining the method of interpolation. [DEFAULT: nc.tweenTypes.Linear]
completionCallbackOwner	object	<optional>		The object owning the callback function that is called when the Swooper completes.
completionCallbackName	string	<optional>		The name of the function that is called when the Swooper completes.
completionCallbackArgs	Array | any	<optional>		Arguments for the function that is called when the Swooper completes.
pauseImmunity	PauseEvent | Array.<PauseEvent>	<optional>	nc.defaultPauseImmunity	The PauseEvent or Array of PauseEvents that this Swooper will be immune to. Set this parameter to [] to create callbacks with no immunity. If this parameter is left undefined, the current value of 'nc.defaultPauseImmunity' will be used. The value for 'nc.defaultPauseImmunity' defaults to [], but can be changed at any time. [DEFAULT: nc.defaultPauseImmunity]
speedControl	SpeedControl | Array.<SpeedControl>	<optional>	nc.defaultSpeedControl	The SpeedControl or Array of SpeedControls that this Swooper is affected by. [DEFAULT: nc.defaultSpeedControl]

Returns:

Swooper

Inherited From:

• Button.swoopGlobalScale()

Example:

// Objective: "Swoop" the scale of the white box.
// Expected Result: The white box expands to 5 times its original size over a duration of 10 seconds.
  
// Add a GraphicObject to the main scene using the GraphicObject constructor.  
let whiteBox = new GraphicObject( nc.graphicAssets.WhiteBox, nc.mainScene, "WhiteBox" );
// Call swoopGlobalScale() giving it the array of x,y,z values to expand to over a duration of 10 seconds.
whiteBox.swoopGlobalScale( [5,5,0], 10 );