# Class: CanvasManagerStatic (/pixi-vn/index/classes/CanvasManagerStatic)



Defined in: [src/canvas/CanvasManagerStatic.ts:12](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L12)

This class is responsible for managing the canvas, the tickers, the events, and the window size and the children of the window.

## Properties [#properties]

### \_isInitialized [#_isinitialized]

\> `static` **\_isInitialized**: `boolean` = `false`

Defined in: [src/canvas/CanvasManagerStatic.ts:44](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L44)

***

### canvasHeight [#canvasheight]

\> `static` **canvasHeight**: `number` = `300`

Defined in: [src/canvas/CanvasManagerStatic.ts:43](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L43)

***

### canvasWidth [#canvaswidth]

\> `static` **canvasWidth**: `number` = `300`

Defined in: [src/canvas/CanvasManagerStatic.ts:42](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L42)

***

### htmlLayers [#htmllayers]

\> `static` **htmlLayers**: `HTMLElement`\[] = `[]`

Defined in: [src/canvas/CanvasManagerStatic.ts:41](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L41)

This is the div that have same size of the canvas.
This is useful to put interface elements.
You can use React or other framework to put elements in this div.

## Accessors [#accessors]

### app [#app]

#### Get Signature [#get-signature]

\> **get** `static` **app**(): `Application`\<`Renderer`>

Defined in: [src/canvas/CanvasManagerStatic.ts:20](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L20)

The Pixi.js application instance.

##### Throws [#throws]

when the canvas has not been initialized yet (i.e. before calling `Game.init()`).

##### Returns [#returns]

`Application`\<`Renderer`>

***

### childrenAliasesOrder [#childrenaliasesorder]

#### Get Signature [#get-signature-1]

\> **get** `static` **childrenAliasesOrder**(): `string`\[]

Defined in: [src/canvas/CanvasManagerStatic.ts:213](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L213)

The order of the elements in the canvas, is determined by the zIndex.

##### Returns [#returns-1]

`string`\[]

***

### gameLayer [#gamelayer]

#### Get Signature [#get-signature-2]

\> **get** `static` **gameLayer**(): `Container`\<`ContainerChild`>

Defined in: [src/canvas/CanvasManagerStatic.ts:27](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L27)

##### Returns [#returns-2]

`Container`\<`ContainerChild`>

## Methods [#methods]

### addHtmlLayer() [#addhtmllayer]

\> `static` **addHtmlLayer**(`id`, `element`, `style?`): `HTMLDivElement`

Defined in: [src/canvas/CanvasManagerStatic.ts:130](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L130)

#### Parameters [#parameters]

##### id [#id]

`string`

##### element [#element]

`HTMLElement`

##### style? [#style]

`Partial`\<`Pick`\<`CSSStyleDeclaration`, `"position"` | `"pointerEvents"` | `"userSelect"`>> = `{}`

#### Returns [#returns-3]

`HTMLDivElement`

***

### getHtmlLayer() [#gethtmllayer]

\> `static` **getHtmlLayer**(`id`): `HTMLElement` | `undefined`

Defined in: [src/canvas/CanvasManagerStatic.ts:155](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L155)

#### Parameters [#parameters-1]

##### id [#id-1]

`string`

#### Returns [#returns-4]

`HTMLElement` | `undefined`

***

### init() [#init]

\> `static` **init**(`element`, `options?`, `devtoolsOptions?`): `Promise`\<`void`>

Defined in: [src/canvas/CanvasManagerStatic.ts:46](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L46)

#### Parameters [#parameters-2]

##### element [#element-1]

`HTMLElement`

##### options? [#options]

`Partial`\<[`ApplicationOptions`](/pixi-vn/index/interfaces/ApplicationOptions)> & `object`

##### devtoolsOptions? [#devtoolsoptions]

`Devtools`

#### Returns [#returns-5]

`Promise`\<`void`>

***

### removeHtmlLayer() [#removehtmllayer]

\> `static` **removeHtmlLayer**(`id`): `void`

Defined in: [src/canvas/CanvasManagerStatic.ts:146](https://github.com/DRincs-Productions/pixi-vn/blob/5bb5bb1f92e38998ea2f477b600168d8da3ece19/src/canvas/CanvasManagerStatic.ts#L146)

#### Parameters [#parameters-3]

##### id [#id-2]

`string`

#### Returns [#returns-6]

`void`