The alpha opacity of the Node.
The alpha value is a number between 0 and 1, where 0 is fully transparent and 1 is fully opaque.
1
The color of the Node.
The color value is a number in the format 0xRRGGBBAA, where RR is the red component, GG is the green component, BB is the blue component, and AA is the alpha component.
Gradient colors may be set by setting the different color sub-properties: colorTop, colorBottom, colorLeft, colorRight, colorTl, colorTr, colorBr, colorBl accordingly.
0xffffffff (opaque white)
The color of the bottom-left corner of the Node for gradient rendering.
See color for more information about color values and gradient rendering.
The color of the bottom edge of the Node for gradient rendering.
See color for more information about color values and gradient rendering.
The color of the bottom-right corner of the Node for gradient rendering.
See color for more information about color values and gradient rendering.
The color of the left edge of the Node for gradient rendering.
See color for more information about color values and gradient rendering.
The color of the right edge of the Node for gradient rendering.
See color for more information about color values and gradient rendering.
The color of the top-left corner of the Node for gradient rendering.
See color for more information about color values and gradient rendering.
The color of the top edge of the Node for gradient rendering.
See color for more information about color values and gradient rendering.
The color of the top-right corner of the Node for gradient rendering.
See color for more information about color values and gradient rendering.
The height of the Node.
0
Combined position of the Node's Mount Point
The value can be any number between 0.0 and 1.0:
0.0 defines the Mount Point at the top-left corner of the Node.0.5 defines it at the center of the Node.1.0 defines it at the bottom-right corner of the node.Use the mountX and mountY props seperately for more control of the Mount Point.
When assigned, the same value is also passed to both the mountX and mountY props.
0 (top-left)
X position of the Node's Mount Point
The value can be any number between 0.0 and 1.0:
0.0 defines the Mount Point's X position as the left-most edge of the
Node0.5 defines it as the horizontal center of the Node1.0 defines it as the right-most edge of the Node.The combination of mountX and mountY define the Mount Point
0 (left-most edge)
Y position of the Node's Mount Point
The value can be any number between 0.0 and 1.0:
0.0 defines the Mount Point's Y position as the top-most edge of the
Node0.5 defines it as the vertical center of the Node1.0 defines it as the bottom-most edge of the Node.The combination of mountX and mountY define the Mount Point
0 (top-most edge)
Combined position of the Node's Pivot Point
The value can be any number between 0.0 and 1.0:
0.0 defines the Pivot Point at the top-left corner of the Node.0.5 defines it at the center of the Node.1.0 defines it at the bottom-right corner of the node.Use the pivotX and pivotY props seperately for more control of the Pivot Point.
When assigned, the same value is also passed to both the pivotX and pivotY props.
0.5 (center)
X position of the Node's Pivot Point
The value can be any number between 0.0 and 1.0:
0.0 defines the Pivot Point's X position as the left-most edge of the
Node0.5 defines it as the horizontal center of the Node1.0 defines it as the right-most edge of the Node.The combination of pivotX and pivotY define the Pivot Point
0.5 (centered on x-axis)
Y position of the Node's Pivot Point
The value can be any number between 0.0 and 1.0:
0.0 defines the Pivot Point's Y position as the top-most edge of the
Node0.5 defines it as the vertical center of the Node1.0 defines it as the bottom-most edge of the Node.The combination of pivotX and pivotY define the Pivot Point
0.5 (centered on y-axis)
Rotation of the Node (in Radians)
Sets the amount to rotate the Node by around it's Pivot Point (defined by the pivot props). Positive values rotate the Node clockwise, while negative values rotate it counter-clockwise.
Example values:
-Math.PI / 2: 90 degree rotation counter-clockwise0: No rotationMath.PI / 2: 90 degree rotation clockwiseMath.PI: 180 degree rotation clockwise3 * Math.PI / 2: 270 degree rotation clockwise2 * Math.PI: 360 rotation clockwiseScale to render the Node at
The scale value multiplies the provided width and height of the Node around the Node's Pivot Point (defined by the pivot props).
Behind the scenes, setting this property sets both the scaleX and scaleY props to the same value.
NOTE: When the scaleX and scaleY props are explicitly set to different values,
this property returns null. Setting null on this property will have no
effect.
1.0
Scale to render the Node at (X-Axis)
Scale to render the Node at (Y-Axis)
Optional srcThe height of the rectangle from which the Image Texture will be extracted. This value can be negative. If not provided, the image's source natural height will be used.
Optional srcShe width of the rectangle from which the Image Texture will be extracted. This value can be negative. If not provided, the image's source natural width will be used.
Optional srcXThe x coordinate of the reference point of the rectangle from which the Texture
will be extracted. width and height are provided. And only works when
createImageBitmap is available. Only works when createImageBitmap is supported on the browser.
Optional srcYThe y coordinate of the reference point of the rectangle from which the Texture
will be extracted. Only used when source srcWidth width and srcHeight height
are provided. Only works when createImageBitmap is supported on the browser.
The width of the Node.
0
The x coordinate of the Node's Mount Point.
The y coordinate of the Node's Mount Point.
The Node's z-index.
TBD
Generated using TypeDoc
Properties used to animate() a Node