Class NinePatchElement

Render NinePatch image to game scene.

Note that the pivot-information of SpriteSheetNinePatch has no effect. Due to the nature of the 9-patch it simply makes no sense to support that here.

Use regX/regY for specific pivot-like rotation/scale effects.

Hierarchy

DirectRenderElement
- NinePatchElement

Index

Constructors

constructor

new NinePatchElement(): NinePatchElement
Returns NinePatchElement
Overrides DirectRenderElement.constructor
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:37

Properties

_children

_children: RenderElement[]

`Private` `Readonly` drawRect

drawRect: LUIRect

name

name: string = ""

regX

regX: number = 0

regY

regY: number = 0

`Private` `Readonly` renderStyle

renderStyle: LUIStyleNinePatch

visible

visible: boolean = true

Accessors

blendMode

get blendMode(): BlendMode
Returns BlendMode
Inherited from DirectRenderElement.blendMode
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:118
set blendMode(value: BlendMode): void
Parameters
- value: BlendMode
Returns void
Inherited from DirectRenderElement.blendMode
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:114

height

get height(): number
Returns number
Overrides DirectRenderElement.height
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:70
set height(v: number): void
Parameters
- v: number
Returns void
Overrides DirectRenderElement.height
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:78

image

get image(): ManagedTexture
Returns ManagedTexture
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:62

matrix

get matrix(): AffineMatrix
Returns a matrix representing x,y,rotation, scale.

It is also possible to have a manual matrix which ignores those values.

Returns AffineMatrix
Inherited from DirectRenderElement.matrix
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:182
set matrix(v: AffineMatrix): void
Setting a matrix will disable the usage of: x, y, scaleX, etc. and instead the given matrix will be used.

To get back to the usage of the standard behavior use useStandardMatrix().
Parameters
- v: AffineMatrix
Returns void
Inherited from DirectRenderElement.matrix
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:206

mixColor

get mixColor(): Color
Returns Color
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:82

numChildren

get numChildren(): number
Returns number
Inherited from DirectRenderElement.numChildren
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:279

parent

get parent(): RenderElement
Returns RenderElement
Inherited from DirectRenderElement.parent
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:220

rotation

get rotation(): number
Returns number
Inherited from DirectRenderElement.rotation
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:81
set rotation(v: number): void
Parameters
- v: number
Returns void
Inherited from DirectRenderElement.rotation
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:130

scale

get scale(): number
Returns number
Inherited from DirectRenderElement.scale
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:150
set scale(v: number): void
Parameters
- v: number
Returns void
Inherited from DirectRenderElement.scale
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:143

scaleX

get scaleX(): number
Returns number
Inherited from DirectRenderElement.scaleX
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:84
set scaleX(v: number): void
Parameters
- v: number
Returns void
Inherited from DirectRenderElement.scaleX
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:134

scaleY

get scaleY(): number
Returns number
Inherited from DirectRenderElement.scaleY
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:87
set scaleY(v: number): void
Parameters
- v: number
Returns void
Inherited from DirectRenderElement.scaleY
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:138

width

get width(): number
Returns number
Overrides DirectRenderElement.width
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:66
set width(v: number): void
Parameters
- v: number
Returns void
Overrides DirectRenderElement.width
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:74

worldMatrix

get worldMatrix(): AffineMatrix
Creates a full world matrix meaning all parent matrices.

This is not cached. Use with care.

Returns AffineMatrix
Inherited from DirectRenderElement.worldMatrix
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:166

x

get x(): number
Returns number
Inherited from DirectRenderElement.x
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:75
set x(v: number): void
Parameters
- v: number
Returns void
Inherited from DirectRenderElement.x
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:122

y

get y(): number
Returns number
Inherited from DirectRenderElement.y
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:78
set y(v: number): void
Parameters
- v: number
Returns void
Inherited from DirectRenderElement.y
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:126

Methods

addChild

addChild(child: RenderElement): void
Parameters
- child: RenderElement
Returns void
Inherited from DirectRenderElement.addChild
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:237

detachChild

detachChild(child: RenderElement): void
Parameters
- child: RenderElement
Returns void
Inherited from DirectRenderElement.detachChild
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:224

getChildAt

getChildAt(index: number): RenderElement
Parameters
- index: number
Returns RenderElement
Inherited from DirectRenderElement.getChildAt
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:253

removeAllChildren

removeAllChildren(): void
Returns void
Inherited from DirectRenderElement.removeAllChildren
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:273

removeChild

removeChild(elem: RenderElement): false | RenderElement
Parameters
- elem: RenderElement
Returns false | RenderElement
Inherited from DirectRenderElement.removeChild
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:264

removeChildAt

removeChildAt(index: number): RenderElement
Parameters
- index: number
Returns RenderElement
Inherited from DirectRenderElement.removeChildAt
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:257

renderDirect

renderDirect(renderer: FatRenderer, parentMatrix: AffineMatrix): void
Overwrite here.

Note:
- fatRenderer::rootMatrix is already set to parentMatrix
- rootMatrix can be left modified (no need for caching)
- only directXXX calls may be used
- do NOT modify or Cache render here. This will break rendering
Parameters
- renderer: FatRenderer
- parentMatrix: AffineMatrix
Returns void
Overrides DirectRenderElement.renderDirect
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:86

setFromSpriteSheet

setFromSpriteSheet(ninePatchName: string, sheet: SpriteSheet): NinePatchElement
Deprecated
legacy. Please use setNinePatch()
Parameters
- ninePatchName: string
- sheet: SpriteSheet
Returns NinePatchElement
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:52

setNinePatch

setNinePatch(ninePatch: SpriteSheetNinePatch): NinePatchElement
Parameters
- ninePatch: SpriteSheetNinePatch
Returns NinePatchElement
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:44

setSize

setSize(w: number, h: number): NinePatchElement
Parameters
- w: number
- h: number
Returns NinePatchElement
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/BridgedElements.ts:57

sortChildren

sortChildren(sorter: ((a: RenderElement, b: RenderElement) => number)): void
Parameters
- sorter: ((a: RenderElement, b: RenderElement) => number)
  - - (a: RenderElement, b: RenderElement): number
    - Parameters
      
      a: RenderElement
      
      b: RenderElement
      
      Returns number
Returns void
Inherited from DirectRenderElement.sortChildren
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:283

useStandardMatrix

useStandardMatrix(): void
Switch back from manual mode to standard mode.

Returns void
Inherited from DirectRenderElement.useStandardMatrix
- Defined in docs/dev/projekte/2023/typespritejs/repos/typesprite-engine/src/engine/tt2d/RenderTree.ts:214

Class NinePatchElement

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Returns NinePatchElement

Properties

_children

Private Readonly drawRect

name

regX

regY

Private Readonly renderStyle

visible

Accessors

blendMode

Returns BlendMode

Parameters

value: BlendMode

Returns void

height

Returns number

Parameters

v: number

Returns void

image

Returns ManagedTexture

matrix

Returns AffineMatrix

Parameters

v: AffineMatrix

Returns void

mixColor

Returns Color

numChildren

Returns number

parent

Returns RenderElement

rotation

Returns number

Parameters

v: number

Returns void

scale

Returns number

Parameters

v: number

Returns void

scaleX

Returns number

Parameters

v: number

Returns void

scaleY

Returns number

Parameters

v: number

Returns void

width

Returns number

Parameters

v: number

Returns void

worldMatrix

Returns AffineMatrix

x

Returns number

Parameters

v: number

Returns void

y

Returns number

Parameters

v: number

Returns void

Methods

`Private` `Readonly` drawRect

`Private` `Readonly` renderStyle