Class: Grid
Extends
Composite
Implements
Constructors
new Grid()
new Grid(
options
):Grid
A rectangular grid that supports placement of nodes within the grid's cells.
Parameters
• options: GridOptions
Returns
Overrides
Composite.constructor
Remarks
This composite node is composed of rectangles and lines. It has convenience functions for placing and clearing nodes on the grid by row and column position (zero-based indexing)
Source
addons/src/composites/grid.ts:70
Properties
_alpha
_alpha:
number
Inherited from
Composite._alpha
Source
core/dist/index.d.ts:2538
_columns
private
_columns:number
=0
Source
addons/src/composites/grid.ts:48
_draggable
protected
_draggable:boolean
Inherited from
Composite._draggable
Source
core/dist/index.d.ts:2541
_game?
optional
_game:Game
Inherited from
Composite._game
Source
core/dist/index.d.ts:2544
_gridBackground?
private
optional
_gridBackground:Shape
Source
addons/src/composites/grid.ts:58
_gridBackgroundColor
private
_gridBackgroundColor:RgbaColor
Source
addons/src/composites/grid.ts:50
_gridChildren
private
_gridChildren:GridChild
[]
Source
addons/src/composites/grid.ts:56
_gridLineColor
private
_gridLineColor:RgbaColor
=WebColors.Red
Source
addons/src/composites/grid.ts:51
_gridLineWidth
private
_gridLineWidth:number
=1
Source
addons/src/composites/grid.ts:52
_hidden
protected
_hidden:boolean
Inherited from
Composite._hidden
Source
core/dist/index.d.ts:2542
_isUserInteractionEnabled
protected
_isUserInteractionEnabled:boolean
Inherited from
Composite._isUserInteractionEnabled
Source
core/dist/index.d.ts:2540
_position
_position:
Point
Inherited from
Composite._position
Source
core/dist/index.d.ts:2536
_rows
private
_rows:number
=0
Source
addons/src/composites/grid.ts:47
_scale
_scale:
number
Inherited from
Composite._scale
Source
core/dist/index.d.ts:2537
_size
protected
_size:Size
Inherited from
Composite._size
Source
core/dist/index.d.ts:2548
_zRotation
_zRotation:
number
Inherited from
Composite._zRotation
Source
core/dist/index.d.ts:2539
absoluteAlpha
absoluteAlpha:
number
Inherited from
Composite.absoluteAlpha
Source
core/dist/index.d.ts:2550
absoluteAlphaChange
absoluteAlphaChange:
number
Inherited from
Composite.absoluteAlphaChange
Source
core/dist/index.d.ts:2551
absolutePosition
absolutePosition:
Point
Inherited from
Composite.absolutePosition
Source
core/dist/index.d.ts:2547
absoluteScale
absoluteScale:
number
Inherited from
Composite.absoluteScale
Source
core/dist/index.d.ts:2549
actions
actions:
Action
[]
Inherited from
Composite.actions
Source
core/dist/index.d.ts:2552
cellContainers
private
cellContainers:Shape
[][]
Source
addons/src/composites/grid.ts:57
cellHeight
cellHeight:
number
Source
addons/src/composites/grid.ts:55
cellWidth
cellWidth:
number
Source
addons/src/composites/grid.ts:54
children
children:
M2Node
[]
Inherited from
Composite.children
Source
core/dist/index.d.ts:2546
compositeType
compositeType:
string
="Grid"
Overrides
Composite.compositeType
Source
addons/src/composites/grid.ts:45
constructionIso8601TimeStamp
constructionIso8601TimeStamp:
string
Inherited from
Composite.constructionIso8601TimeStamp
Source
core/dist/index.d.ts:2533
constructionSequence
constructionSequence:
number
Inherited from
Composite.constructionSequence
Source
core/dist/index.d.ts:2534
constructionTimeStamp
constructionTimeStamp:
number
Inherited from
Composite.constructionTimeStamp
Source
core/dist/index.d.ts:2532
dragging
dragging:
boolean
Is the node in a dragging state?
Inherited from
Composite.dragging
Source
core/dist/index.d.ts:2577
draggingLastPointerOffset
draggingLastPointerOffset:
Point
What was the previous pointer offset when the node was in a dragging state?
Inherited from
Composite.draggingLastPointerOffset
Source
core/dist/index.d.ts:2575
eventListeners
eventListeners:
M2NodeEventListener
<M2NodeEvent
>[]
Inherited from
Composite.eventListeners
Source
core/dist/index.d.ts:2554
isDrawable
isDrawable:
boolean
Inherited from
Composite.isDrawable
Source
core/dist/index.d.ts:124
isShape
isShape:
boolean
Inherited from
Composite.isShape
Source
core/dist/index.d.ts:2528
isText
isText:
boolean
Inherited from
Composite.isText
Source
core/dist/index.d.ts:2529
layout
layout:
Layout
FOR INTERNAL USE ONLY
Implementation of
Inherited from
Composite.layout
Source
core/dist/index.d.ts:2543
loopMessages
loopMessages:
Set
<string
>
Inherited from
Composite.loopMessages
Source
core/dist/index.d.ts:2558
name
name:
string
Name of the node. Only needed if the node will be referred to by name in a later function
Implementation of
Inherited from
Composite.name
Source
core/dist/index.d.ts:2535
needsInitialization
needsInitialization:
boolean
Inherited from
Composite.needsInitialization
Source
core/dist/index.d.ts:2556
nodeEvents
nodeEvents:
M2Event
<M2Node
>[]
Inherited from
Composite.nodeEvents
Source
core/dist/index.d.ts:2559
options
options:
M2NodeOptions
Inherited from
Composite.options
Source
core/dist/index.d.ts:2531
parent?
optional
parent:M2Node
Inherited from
Composite.parent
Source
core/dist/index.d.ts:2545
pressed
pressed:
boolean
Is the node in a pressed state? E.g., did the user put the pointer down on the node and not yet release it?
Inherited from
Composite.pressed
Source
core/dist/index.d.ts:2562
pressedAndWithinHitArea
pressedAndWithinHitArea:
boolean
Is the node in a pressed state AND is the pointer within the node's hit area? For example, a user may put the pointer down on the node, but then move the pointer, while still down, beyond the node's hit area. In this case, pressed = true, but pressedAndWithinHitArea = false.
Inherited from
Composite.pressedAndWithinHitArea
Source
core/dist/index.d.ts:2568
pressedInitialPointerOffset
pressedInitialPointerOffset:
Point
When the node initially enters the pressed state, what is the pointer offset? (offset from the canvas's origin to the pointer position). We save this because it will be needed if this press then led to a drag.
Inherited from
Composite.pressedInitialPointerOffset
Source
core/dist/index.d.ts:2572
queuedAction?
optional
queuedAction:Action
Inherited from
Composite.queuedAction
Source
core/dist/index.d.ts:2553
toString()
toString: () =>
string
Overrides toString() and returns a human-friendly description of the node.
Remarks
Inspiration from https://stackoverflow.com/a/35361695
Returns
string
Inherited from
Composite.toString
Source
core/dist/index.d.ts:2619
type
readonly
type:Composite
=M2NodeType.Composite
Inherited from
Composite.type
Source
core/dist/index.d.ts:122
userData
userData:
any
Inherited from
Composite.userData
Source
core/dist/index.d.ts:2557
uuid
Internal
readonly
uuid:string
Unique identifier (UUID). Will be generated automatically. For m2c2kit library use only
Implementation of
Inherited from
Composite.uuid
Source
core/dist/index.d.ts:2555
withinHitArea
withinHitArea:
boolean
Inherited from
Composite.withinHitArea
Source
core/dist/index.d.ts:2563
Accessors
alpha
get
alpha():number
Opacity of the node. 0 is fully transparent, 1 is fully opaque. Default is 1.0. Alpha has multiplicative inheritance. For example, if the node's parent is alpha .5 and this node's is alpha .4, then the node will appear with alpha .2.
set
alpha(alpha
):void
Opacity of the node. 0 is fully transparent, 1 is fully opaque. Default is 1.0. Alpha has multiplicative inheritance. For example, if the node's parent is alpha .5 and this node's is alpha .4, then the node will appear with alpha .2.
Parameters
• alpha: number
Returns
number
Source
core/dist/index.d.ts:2876
ancestors
get
ancestors():M2Node
[]
Returns all ancestor nodes, not including the node itself.
Returns
M2Node
[]
Source
core/dist/index.d.ts:2674
anchorPoint
get
anchorPoint():Point
Point within the node that determines its position. Default is { x: 0.5, y: 0.5 }, which centers the node on its position
set
anchorPoint(anchorPoint
):void
Point within the node that determines its position. Default is { x: 0.5, y: 0.5 }, which centers the node on its position
Parameters
• anchorPoint: Point
Returns
Point
Source
core/dist/index.d.ts:134
canvasKit
get
canvasKit():CanvasKit
Gets the scene that contains this node by searching up the ancestor tree recursively. Throws exception if node is not part of a scene.
Returns
CanvasKit
Scene that contains this node
Source
core/dist/index.d.ts:2866
columns
get
columns():number
Number of columns in the grid. Must be 1 or greater
set
columns(columns
):void
Number of columns in the grid. Must be 1 or greater
Parameters
• columns: number
Returns
number
Source
addons/src/composites/grid.ts:278
completeNodeOptions
get
completeNodeOptions():object
Returns
object
alpha?
optional
alpha:number
Opacity of the node. 0 is fully transparent, 1 is fully opaque. Default is 1.0. Alpha has multiplicative inheritance. For example, if the node's parent is alpha .5 and this node's is alpha .4, then the node will appear with alpha .2.
anchorPoint?
optional
anchorPoint:Point
Point within the node that determines its position. Default is { x: 0.5, y: 0.5 }, which centers the node on its position
backgroundColor
backgroundColor:
RgbaColor
columns
columns:
number
draggable?
optional
draggable:boolean
Can the node be dragged?
gridLineColor
gridLineColor:
RgbaColor
gridLineWidth
gridLineWidth:
number
hidden?
optional
hidden:boolean
Is the node, and its children, hidden? (not displayed). Default is false
isUserInteractionEnabled?
optional
isUserInteractionEnabled:boolean
Does the node respond to user events, such as taps? Default is false
layout?
optional
layout:Layout
FOR INTERNAL USE ONLY
name?
optional
name:string
Name of the node. Only needed if the node will be referred to by name in a later function
position?
optional
position:Point
Position of the node within its parent coordinate system. Default is (0, 0)
rows
rows:
number
scale?
optional
scale:number
Scale of the node. Default is 1.0
size
size:
Size
suppressEvents?
optional
suppressEvents:boolean
Should the node not emit events to the EventStore? Default is false.
Remarks
This property is for use by authors of Composite
nodes. It is not intended for general use.
uuid?
Internal
optional
uuid:string
Unique identifier (UUID). Will be generated automatically. For m2c2kit library use only
zPosition?
optional
zPosition:number
Value along the z-axis to determine drawing and tap order. Larger values are on top.
zRotation?
optional
zRotation:number
Rotation of the node around the Z axis. Unit is radians. Default is 0 (no rotation). zRotation has inheritance. In addition to this node's zRotation, all ancestors' zRotations will be applied.
Source
addons/src/composites/grid.ts:109
descendants
get
descendants():M2Node
[]
Returns all descendant nodes.
Remarks
Descendants are children and children of children, recursively.
Returns
M2Node
[]
Source
core/dist/index.d.ts:2670
draggable
get
draggable():boolean
Can the node be dragged?
set
draggable(draggable
):void
Can the node be dragged?
Parameters
• draggable: boolean
Returns
boolean
Source
core/dist/index.d.ts:2882
game
get
game():Game
The game which this node is a part of.
Remarks
Throws error if node is not part of the game object.
Returns
Game
Source
core/dist/index.d.ts:2607
gridBackground
get
private
gridBackground():Shape
set
private
gridBackground(gridBackground
):void
Parameters
• gridBackground: Shape
Returns
Shape
Source
addons/src/composites/grid.ts:251
gridBackgroundColor
get
gridBackgroundColor():RgbaColor
set
gridBackgroundColor(backgroundColor
):void
Parameters
• backgroundColor: RgbaColor
Returns
RgbaColor
Source
addons/src/composites/grid.ts:289
gridChildren
get
gridChildren():GridChild
[]
The child nodes that have been added to the grid.
Remarks
Do not set this property directly. Use the methods for adding
and removing grid children, such as addAtCell()
, removeAllAtCell()
,
removeGridChild()
, and removeAllGridChildren()
.
set
gridChildren(gridChildren
):void
Parameters
• gridChildren: GridChild
[]
Returns
Source
addons/src/composites/grid.ts:385
gridLineColor
get
gridLineColor():RgbaColor
Color of the grid lines. Default is red
set
gridLineColor(gridLineColor
):void
Color of the grid lines. Default is red
Parameters
• gridLineColor: RgbaColor
Returns
RgbaColor
Source
addons/src/composites/grid.ts:311
gridLineWidth
get
gridLineWidth():number
Width of the grid lines. Default is 1
set
gridLineWidth(gridLineWidth
):void
Width of the grid lines. Default is 1
Parameters
• gridLineWidth: number
Returns
number
Source
addons/src/composites/grid.ts:300
hidden
get
hidden():boolean
Is the node, and its children, hidden? (not displayed). Default is false
set
hidden(hidden
):void
Is the node, and its children, hidden? (not displayed). Default is false
Parameters
• hidden: boolean
Returns
boolean
Source
core/dist/index.d.ts:2880
isUserInteractionEnabled
get
isUserInteractionEnabled():boolean
Does the node respond to user events, such as taps? Default is false
set
isUserInteractionEnabled(isUserInteractionEnabled
):void
Does the node respond to user events, such as taps? Default is false
Parameters
• isUserInteractionEnabled: boolean
Returns
boolean
Source
core/dist/index.d.ts:2878
parentSceneAsNode
get
parentSceneAsNode():M2Node
Returns
M2Node
Source
core/dist/index.d.ts:2867
position
get
position():Point
Position of the node within its parent coordinate system. Default is (0, 0)
set
position(position
):void
Position of the node within its parent coordinate system. Default is (0, 0)
Parameters
• position: Point
Returns
Point
Source
core/dist/index.d.ts:2870
rows
get
rows():number
note: below we do not have getter and setter for size because the getter and setter in M2Node will handle it.
set
rows(rows
):void
Number of rows in the grid. Must be 1 or greater
Parameters
• rows: number
Returns
number
Source
addons/src/composites/grid.ts:267
scale
get
scale():number
Scale of the node. Default is 1.0
set
scale(scale
):void
Scale of the node. Default is 1.0
Parameters
• scale: number
Returns
number
Source
core/dist/index.d.ts:2874
size
get
size():Size
Size of the grid in pixels
set
size(size
):void
Size of the grid in pixels
Parameters
• size: Size
Returns
Size
Source
core/dist/index.d.ts:2868
suppressEvents
get
suppressEvents():boolean
Should the node not emit events to the EventStore? Default is false.
Remarks
This property is for use by authors of Composite
nodes. It is not intended for general use.
set
suppressEvents(value
):void
Should the node not emit events to the EventStore? Default is false.
Remarks
This property is for use by authors of Composite
nodes. It is not intended for general use.
Parameters
• value: boolean
Returns
boolean
Source
core/dist/index.d.ts:2884
zPosition
get
zPosition():number
Value along the z-axis to determine drawing and tap order. Larger values are on top.
set
zPosition(zPosition
):void
Value along the z-axis to determine drawing and tap order. Larger values are on top.
Parameters
• zPosition: number
Returns
number
Source
core/dist/index.d.ts:136
zRotation
get
zRotation():number
Rotation of the node around the Z axis. Unit is radians. Default is 0 (no rotation). zRotation has inheritance. In addition to this node's zRotation, all ancestors' zRotations will be applied.
set
zRotation(zRotation
):void
Rotation of the node around the Z axis. Unit is radians. Default is 0 (no rotation). zRotation has inheritance. In addition to this node's zRotation, all ancestors' zRotations will be applied.
Parameters
• zRotation: number
Returns
number
Source
core/dist/index.d.ts:2872
Methods
addAtCell()
addAtCell(
node
,row
,column
):void
Adds a node as a grid child to the grid at the specified row and column position.
Parameters
• node: M2Node
node to add to the grid
• row: number
row position within grid to add node; zero-based indexing
• column: number
column position within grid to add node; zero-based indexing
Returns
void
Source
addons/src/composites/grid.ts:434
addChild()
addChild(
child
):void
Parameters
• child: M2Node
Returns
void
Overrides
Composite.addChild
Source
addons/src/composites/grid.ts:477
addEventListener()
addEventListener<
T
>(type
,callback
,callbackOptions
?):void
Type parameters
• T extends M2NodeEvent
Parameters
• type: string
• callback
• callbackOptions?: CallbackOptions
Returns
void
Inherited from
Composite.addEventListener
Source
core/dist/index.d.ts:2799
descendant()
descendant<
T
>(name
):T
Searches all descendants by name and returns first matching node.
Type parameters
• T extends M2Node
Parameters
• name: string
Name of the descendant node to return
Returns
T
Inherited from
Composite.descendant
Remarks
Descendants are children and children of children, recursively. Throws exception if no descendant with the given name is found.
Source
core/dist/index.d.ts:2664
dispose()
dispose():
void
Returns
void
Overrides
Composite.dispose
Source
addons/src/composites/grid.ts:325
draw()
draw(
canvas
):void
Parameters
• canvas: Canvas
Returns
void
Overrides
Composite.draw
Source
addons/src/composites/grid.ts:365
drawChildren()
drawChildren(
canvas
):void
Draws each child node that is Drawable and is not hidden, by zPosition order (highest zPosition on top).
Parameters
• canvas: Canvas
CanvasKit canvas
Returns
void
Inherited from
Composite.drawChildren
Source
core/dist/index.d.ts:2821
duplicate()
duplicate(
newName
?):Grid
Duplicates a node using deep copy.