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
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)
Overrides
Composite.constructor
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:71
Properties
_alpha
_alpha:
number
Inherited from
Composite._alpha
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3093
_draggable
protected_draggable:boolean
Inherited from
Composite._draggable
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3096
_game?
optional_game:Game
Inherited from
Composite._game
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3099
_hidden
protected_hidden:boolean
Inherited from
Composite._hidden
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3097
_isUserInteractionEnabled
protected_isUserInteractionEnabled:boolean
Inherited from
Composite._isUserInteractionEnabled
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3095
_position
_position:
Point
Inherited from
Composite._position
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3091
_scale
_scale:
number
Inherited from
Composite._scale
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3092
_size
protected_size:Size
Inherited from
Composite._size
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3103
_zRotation
_zRotation:
number
Inherited from
Composite._zRotation
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3094
absoluteAlpha
absoluteAlpha:
number
Inherited from
Composite.absoluteAlpha
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3105
absoluteAlphaChange
absoluteAlphaChange:
number
Inherited from
Composite.absoluteAlphaChange
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3106
absolutePosition
absolutePosition:
Point
Inherited from
Composite.absolutePosition
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3102
absoluteScale
absoluteScale:
number
Inherited from
Composite.absoluteScale
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3104
actions
actions:
Action[]
Inherited from
Composite.actions
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3107
cellHeight
cellHeight:
number
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:56
cellWidth
cellWidth:
number
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:55
children
children:
M2Node[]
Inherited from
Composite.children
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3101
compositeType
compositeType:
string="Grid"
Overrides
Composite.compositeType
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:46
constructionIso8601TimeStamp
constructionIso8601TimeStamp:
string
Inherited from
Composite.constructionIso8601TimeStamp
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3088
constructionSequence
constructionSequence:
number
Inherited from
Composite.constructionSequence
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3089
constructionTimeStamp
constructionTimeStamp:
number
Inherited from
Composite.constructionTimeStamp
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3087
dragging
dragging:
boolean
Is the node in a dragging state?
Inherited from
Composite.dragging
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3132
draggingLastPointerOffset
draggingLastPointerOffset:
Point
What was the previous pointer offset when the node was in a dragging state?
Inherited from
Composite.draggingLastPointerOffset
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3130
eventListeners
eventListeners:
M2NodeEventListener<M2NodeEvent>[]
Inherited from
Composite.eventListeners
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3109
isDrawable
isDrawable:
boolean
Inherited from
Composite.isDrawable
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:123
isShape
isShape:
boolean
Inherited from
Composite.isShape
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3083
isText
isText:
boolean
Inherited from
Composite.isText
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3084
layout
layout:
Layout
FOR INTERNAL USE ONLY
Implementation of
Inherited from
Composite.layout
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3098
loopMessages
loopMessages:
Set<string>
Inherited from
Composite.loopMessages
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3113
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
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3090
needsInitialization
needsInitialization:
boolean
Inherited from
Composite.needsInitialization
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3111
nodeEvents
nodeEvents:
M2Event<M2Node>[]
Inherited from
Composite.nodeEvents
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3114
options
options:
M2NodeOptions
Inherited from
Composite.options
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3086
parent?
optionalparent:M2Node
Inherited from
Composite.parent
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3100
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
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3117
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
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3123
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
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3127
queuedAction?
optionalqueuedAction:Action
Inherited from
Composite.queuedAction
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3108
toString()
toString: () =>
string
Overrides toString() and returns a human-friendly description of the node.
Returns
string
Remarks
Inspiration from https://stackoverflow.com/a/35361695
Inherited from
Composite.toString
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3174
type
readonlytype:Composite=M2NodeType.Composite
Inherited from
Composite.type
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:121
userData
userData:
any
Inherited from
Composite.userData
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3112
uuid
readonlyuuid:string
Internal
Unique identifier (UUID). Will be generated automatically. For m2c2kit library use only
Implementation of
Inherited from
Composite.uuid
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3110
withinHitArea
withinHitArea:
boolean
Inherited from
Composite.withinHitArea
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3118
Accessors
alpha
Get Signature
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.
Returns
number
Set Signature
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
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.
Implementation of
Inherited from
Composite.alpha
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3438
ancestors
Get Signature
get ancestors():
M2Node[]
Returns all ancestor nodes, not including the node itself.
Returns
M2Node[]
Inherited from
Composite.ancestors
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3229
anchorPoint
Get Signature
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
Returns
Point
Set Signature
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
void
Point within the node that determines its position. Default is { x: 0.5, y: 0.5 }, which centers the node on its position
Implementation of
Inherited from
Composite.anchorPoint
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:133
canvasKit
Get Signature
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
Inherited from
Composite.canvasKit
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3428
columns
Get Signature
get columns():
number
Number of columns in the grid. Must be 1 or greater
Returns
number
Set Signature
set columns(
columns):void
Number of columns in the grid. Must be 1 or greater
Parameters
• columns: number
Returns
void
Number of columns in the grid. Must be 1 or greater
Implementation of
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:348
completeNodeOptions
Get Signature
get completeNodeOptions():
object
Returns
object
alpha?
optionalalpha: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?
optionalanchorPoint: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?
optionaldraggable:boolean
Can the node be dragged?
gridLineColor
gridLineColor:
RgbaColor
gridLineWidth
gridLineWidth:
number
hidden?
optionalhidden:boolean
Is the node, and its children, hidden? (not displayed). Default is false
isPartOfComposite?
optionalisPartOfComposite:boolean
Is the node part of a composite? Default is false.
Remarks
This property is for use by authors of Composite nodes. It is not intended for general use.
isUserInteractionEnabled?
optionalisUserInteractionEnabled:boolean
Does the node respond to user events, such as taps? Default is false
layout?
optionallayout:Layout
FOR INTERNAL USE ONLY
name?
optionalname:string
Name of the node. Only needed if the node will be referred to by name in a later function
position?
optionalposition:Point
Position of the node within its parent coordinate system. Default is (0, 0)
rows
rows:
number
scale?
optionalscale:number
Scale of the node. Default is 1.0
size
size:
Size
uuid?
optionaluuid:string
Internal
Unique identifier (UUID). Will be generated automatically. For m2c2kit library use only
zPosition?
optionalzPosition:number
Value along the z-axis to determine drawing and tap order. Larger values are on top.
zRotation?
optionalzRotation: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.
Overrides
Composite.completeNodeOptions
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:110
descendants
Get Signature
get descendants():
M2Node[]
Returns all descendant nodes.
Remarks
Descendants are children and children of children, recursively.
Returns
M2Node[]
Inherited from
Composite.descendants
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3225
draggable
Get Signature
get draggable():
boolean
Can the node be dragged?
Returns
boolean
Set Signature
set draggable(
draggable):void
Can the node be dragged?
Parameters
• draggable: boolean
Returns
void
Can the node be dragged?
Implementation of
Inherited from
Composite.draggable
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3444
game
Get Signature
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
Inherited from
Composite.game
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3162
gridBackgroundColor
Get Signature
get gridBackgroundColor():
RgbaColor
Returns
RgbaColor
Set Signature
set gridBackgroundColor(
backgroundColor):void
Parameters
• backgroundColor: RgbaColor
Returns
void
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:359
gridChildren
Get Signature
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().
Returns
Set Signature
set gridChildren(
gridChildren):void
Parameters
• gridChildren: GridChild[]
Returns
void
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:450
gridLineColor
Get Signature
get gridLineColor():
RgbaColor
Color of the grid lines. Default is red
Returns
RgbaColor
Set Signature
set gridLineColor(
gridLineColor):void
Color of the grid lines. Default is red
Parameters
• gridLineColor: RgbaColor
Returns
void
Color of the grid lines. Default is red
Implementation of
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:381
gridLineWidth
Get Signature
get gridLineWidth():
number
Width of the grid lines. Default is 1
Returns
number
Set Signature
set gridLineWidth(
gridLineWidth):void
Width of the grid lines. Default is 1
Parameters
• gridLineWidth: number
Returns
void
Width of the grid lines. Default is 1
Implementation of
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:370
hidden
Get Signature
get hidden():
boolean
Is the node, and its children, hidden? (not displayed). Default is false
Returns
boolean
Set Signature
set hidden(
hidden):void
Is the node, and its children, hidden? (not displayed). Default is false
Parameters
• hidden: boolean
Returns
void
Is the node, and its children, hidden? (not displayed). Default is false
Implementation of
Inherited from
Composite.hidden
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3442
isPartOfComposite
Get Signature
get isPartOfComposite():
boolean
Is the node part of a composite? Default is false.
Remarks
This property is for use by authors of Composite nodes. It is not intended for general use.
Returns
boolean
Set Signature
set isPartOfComposite(
value):void
Is the node part of a composite? 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
void
Is the node part of a composite? Default is false.
Remarks
This property is for use by authors of Composite nodes. It is not intended for general use.
Implementation of
Inherited from
Composite.isPartOfComposite
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3446
isUserInteractionEnabled
Get Signature
get isUserInteractionEnabled():
boolean
Does the node respond to user events, such as taps? Default is false
Returns
boolean
Set Signature
set isUserInteractionEnabled(
isUserInteractionEnabled):void
Does the node respond to user events, such as taps? Default is false
Parameters
• isUserInteractionEnabled: boolean
Returns
void
Does the node respond to user events, such as taps? Default is false
Implementation of
GridOptions.isUserInteractionEnabled
Inherited from
Composite.isUserInteractionEnabled
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3440
parentSceneAsNode
Get Signature
get parentSceneAsNode():
M2Node
Returns
M2Node
Inherited from
Composite.parentSceneAsNode
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3429
position
Get Signature
get position():
Point
Position of the node within its parent coordinate system. Default is (0, 0)
Returns
Point
Set Signature
set position(
position):void
Position of the node within its parent coordinate system. Default is (0, 0)
Parameters
• position: Point
Returns
void
Position of the node within its parent coordinate system. Default is (0, 0)
Implementation of
Inherited from
Composite.position
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3432
rows
Get Signature
get rows():
number
note: below we do not have getter and setter for size because the getter and setter in M2Node will handle it.
Returns
number
Set Signature
set rows(
rows):void
Number of rows in the grid. Must be 1 or greater
Parameters
• rows: number
Returns
void
Number of rows in the grid. Must be 1 or greater
Implementation of
Defined in
m2c2kit/packages/addons/src/composites/grid.ts:337
scale
Get Signature
get scale():
number
Scale of the node. Default is 1.0
Returns
number
Set Signature
set scale(
scale):void
Scale of the node. Default is 1.0
Parameters
• scale: number
Returns
void
Scale of the node. Default is 1.0
Implementation of
Inherited from
Composite.scale
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3436
size
Get Signature
get size():
Size
Size of the grid in pixels
Returns
Size
Set Signature
set size(
size):void
Size of the grid in pixels
Parameters
• size: Size
Returns
void
Size of the grid in pixels
Implementation of
Inherited from
Composite.size
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:3430
zPosition
Get Signature
get zPosition():
number
Value along the z-axis to determine drawing and tap order. Larger values are on top.
Returns
number
Set Signature
set zPosition(
zPosition):void
Value along the z-axis to determine drawing and tap order. Larger values are on top.
Parameters
• zPosition: number
Returns
void
Value along the z-axis to determine drawing and tap order. Larger values are on top.
Implementation of
Inherited from
Composite.zPosition
Defined in
node_modules/@m2c2kit/core/dist/index.d.ts:135