# Interface: ImageContainerMemory (/jsdoc/pixi-vn/index/interfaces/ImageContainerMemory)



Defined in: [src/canvas/interfaces/memory/ImageContainerMemory.ts:9](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/memory/ImageContainerMemory.ts#L9)

Interface for the canvas container memory

Extends [#extends]

* [`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory)\<[`ImageSprite`](/jsdoc/pixi-vn/index/classes/ImageSprite)>

Properties [#properties]

accessible? [#accessible]

\> `optional` &#x2A;*accessible?**: `boolean`

Defined in: node\_modules/pixi.js/lib/accessibility/accessibilityTarget.d.ts:31

Flag for if the object is accessible. If true AccessibilityManager will overlay a
shadow div with attributes set

Default [#default]

```ts
false
```

Example [#example]

```js
const container = new Container();
container.accessible = true;
```

Inherited from [#inherited-from]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`accessible`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#accessible)

***

accessibleChildren? [#accessiblechildren]

\> `optional` &#x2A;*accessibleChildren?**: `boolean`

Defined in: node\_modules/pixi.js/lib/accessibility/accessibilityTarget.d.ts:126

Setting to false will prevent any children inside this container to
be accessible. Defaults to true.

Default [#default-1]

```ts
true
```

Example [#example-1]

```js
const container = new Container();
container.accessible = true;
container.accessibleChildren = false; // This will prevent any children from being accessible

const sprite = new Sprite(texture);
sprite.accessible = true; // This will not work since accessibleChildren is false
```

Inherited from [#inherited-from-1]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`accessibleChildren`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#accessiblechildren)

***

accessibleHint? [#accessiblehint]

\> `optional` &#x2A;*accessibleHint?**: `string` | `null`

Defined in: node\_modules/pixi.js/lib/accessibility/accessibilityTarget.d.ts:56

Sets the aria-label attribute of the shadow div

Default [#default-2]

```ts
null
```

Advanced [#advanced]

Example [#example-2]

```js
const container = new Container();
container.accessible = true;
container.accessibleHint = 'This is a container';
```

Inherited from [#inherited-from-2]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`accessibleHint`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#accessiblehint)

***

accessiblePointerEvents? [#accessiblepointerevents]

\> `optional` &#x2A;*accessiblePointerEvents?**: `PointerEvents`

Defined in: node\_modules/pixi.js/lib/accessibility/accessibilityTarget.d.ts:100

Specify the pointer-events the accessible div will use
Defaults to auto.

Default [#default-3]

```ts
'auto'
```

Advanced [#advanced-1]

Example [#example-3]

```js
const container = new Container();
container.accessible = true;
container.accessiblePointerEvents = 'none'; // or 'auto', 'visiblePainted', etc.
```

Inherited from [#inherited-from-3]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`accessiblePointerEvents`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#accessiblepointerevents)

***

accessibleText? [#accessibletext]

\> `optional` &#x2A;*accessibleText?**: `string` | `null`

Defined in: node\_modules/pixi.js/lib/accessibility/accessibilityTarget.d.ts:111

Sets the text content of the shadow

Default [#default-4]

```ts
null
```

Example [#example-4]

```js
const container = new Container();
container.accessible = true;
container.accessibleText = 'This is a container';
```

Inherited from [#inherited-from-4]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`accessibleText`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#accessibletext)

***

accessibleTitle? [#accessibletitle]

\> `optional` &#x2A;*accessibleTitle?**: `string` | `null`

Defined in: node\_modules/pixi.js/lib/accessibility/accessibilityTarget.d.ts:44

Sets the title attribute of the shadow div
If accessibleTitle AND accessibleHint has not been this will default to 'container \[tabIndex]'

Default [#default-5]

```ts
null
```

Example [#example-5]

```js
const container = new Container();
container.accessible = true;
container.accessibleTitle = 'My Container';
```

Inherited from [#inherited-from-5]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`accessibleTitle`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#accessibletitle)

***

accessibleType? [#accessibletype]

\> `optional` &#x2A;*accessibleType?**: keyof HTMLElementTagNameMap

Defined in: node\_modules/pixi.js/lib/accessibility/accessibilityTarget.d.ts:86

Specify the type of div the accessible layer is. Screen readers treat the element differently
depending on this type. Defaults to button.

Default [#default-6]

```ts
'button'
```

Advanced [#advanced-2]

Example [#example-6]

```js
const container = new Container();
container.accessible = true;
container.accessibleType = 'button'; // or 'link', 'checkbox', etc.
```

Inherited from [#inherited-from-6]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`accessibleType`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#accessibletype)

***

align? [#align]

\> `optional` &#x2A;*align?**: `number` | `Partial`\<`PointData`>

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:13](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/components/AdditionalPositionsExtension.ts#L13)

is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
For example:

* if you set align to 0.5, the element will be in the center of the canvas.
* if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
* if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.

**Important:** The [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) field does not affect the alignment.

Inherited from [#inherited-from-7]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`align`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#align)

***

alpha? [#alpha]

\> `optional` &#x2A;*alpha?**: `number`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:235

The opacity of the object relative to its parent's opacity.
Value ranges from 0 (fully transparent) to 1 (fully opaque).

Example [#example-7]

```ts
new Container({ alpha: 0.5 }); // 50% opacity
new Container({ alpha: 1 }); // Fully opaque
```

Default [#default-7]

```ts
1
```

See [#see]

* [Container#visible](/jsdoc/pixi-vn/index/classes/VideoSprite#visible) For toggling visibility
* [Container#renderable](/jsdoc/pixi-vn/index/classes/VideoSprite#renderable) For render control

Inherited from [#inherited-from-8]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`alpha`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#alpha)

***

anchor? [#anchor]

\> `optional` &#x2A;*anchor?**: `PointData`

Defined in: [src/canvas/interfaces/memory/ImageContainerMemory.ts:11](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/memory/ImageContainerMemory.ts#L11)

***

angle? [#angle]

\> `optional` &#x2A;*angle?**: `number`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:247

The angle of the object in degrees.

\> \[!NOTE] 'rotation' and 'angle' have the same effect on a display object;
\> rotation is in radians, angle is in degrees.

Example [#example-8]

```ts
new Container({ angle: 45 }); // Rotate 45 degrees
new Container({ angle: 90 }); // Rotate 90 degrees
```

Inherited from [#inherited-from-9]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`angle`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#angle)

***

blendMode? [#blendmode]

\> `optional` &#x2A;*blendMode?**: `BLEND_MODES`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:206

The blend mode to be applied to the sprite. Controls how pixels are blended when rendering.

Setting to 'normal' will reset to default blending.
\> \[!NOTE] More blend modes are available after importing the `pixi.js/advanced-blend-modes` sub-export.

Example [#example-9]

```ts
// Basic blend modes
new Container({ blendMode: 'normal' }); // Default blending
new Container({ blendMode: 'add' });    // Additive blending
new Container({ blendMode: 'multiply' }); // Multiply colors
new Container({ blendMode: 'screen' }); // Screen blend
```

Default [#default-8]

```ts
'normal'
```

See [#see-1]

* [Container#alpha](/jsdoc/pixi-vn/index/classes/VideoSprite#alpha) For transparency
* [Container#tint](/jsdoc/pixi-vn/index/classes/VideoSprite#tint) For color adjustments

Inherited from [#inherited-from-10]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`blendMode`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#blendmode)

***

boundsArea? [#boundsarea]

\> `optional` &#x2A;*boundsArea?**: `Rectangle`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:403

An optional bounds area for this container. Setting this rectangle will stop the renderer
from recursively measuring the bounds of each children and instead use this single boundArea.

\> \[!IMPORTANT] This is great for optimisation! If for example you have a
\> 1000 spinning particles and you know they all sit within a specific bounds,
\> then setting it will mean the renderer will not need to measure the
\> 1000 children to find the bounds. Instead it will just use the bounds you set.

Example [#example-10]

```ts
const container = new Container({
   boundsArea: new Rectangle(0, 0, 500, 500) // Set a fixed bounds area
});
```

Inherited from [#inherited-from-11]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`boundsArea`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#boundsarea)

***

cacheAsTexture? [#cacheastexture]

\> `optional` &#x2A;*cacheAsTexture?**: (`val`) => `void`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/cacheAsTextureMixin.d.ts:5

Parameters [#parameters]

val [#val]

`boolean` | `CacheAsTextureOptions`

Returns [#returns]

`void`

Inherited from [#inherited-from-12]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`cacheAsTexture`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#cacheastexture)

***

children? [#children]

\> `readonly` `optional` &#x2A;*children?**: [`ImageSprite`](/jsdoc/pixi-vn/index/classes/ImageSprite)\<[`ImageSpriteMemory`](/jsdoc/pixi-vn/index/interfaces/ImageSpriteMemory)>\[]

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:265

The array of children of this container. Each child must be a Container or extend from it.

The array is read-only, but its contents can be modified using Container methods.

Example [#example-11]

```ts
new Container({
   children: [
       new Container(), // First child
       new Container(), // Second child
   ],
});
```

See [#see-2]

* [Container#addChild](/jsdoc/pixi-vn/index/classes/Container#addchild) For adding children
* [Container#removeChild](/jsdoc/pixi-vn/index/classes/Container#removechild) For removing children

Inherited from [#inherited-from-13]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`children`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#children)

***

cullable? [#cullable]

\> `optional` &#x2A;*cullable?**: `boolean`

Defined in: node\_modules/pixi.js/lib/culling/cullingMixin.d.ts:69

Controls whether this object should be culled when out of view.
When true, the object will not be rendered if its bounds are outside the visible area.

Example [#example-12]

```ts
const sprite = new Sprite(texture);

// Enable culling
sprite.cullable = true;

// Force object to always render
sprite.cullable = false;
```

Remarks [#remarks]

* Does not affect transform updates
* Applies to this object only
* Children follow their own cullable setting

Default [#default-9]

```ts
false
```

Inherited from [#inherited-from-14]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`cullable`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#cullable)

***

cullableChildren? [#cullablechildren]

\> `optional` &#x2A;*cullableChildren?**: `boolean`

Defined in: node\_modules/pixi.js/lib/culling/cullingMixin.d.ts:92

Controls whether children of this container can be culled.
When false, skips recursive culling checks for better performance.

Example [#example-13]

```ts
const container = new Container();

// Enable container culling
container.cullable = true;

// Disable child culling for performance
container.cullableChildren = false;

// Children will always render if container is visible
container.addChild(sprite1, sprite2, sprite3);
```

Remarks [#remarks-1]

* Improves performance for static scenes
* Useful when children are always within container bounds
* Parent culling still applies

Default [#default-10]

```ts
true
```

Inherited from [#inherited-from-15]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`cullableChildren`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#cullablechildren)

***

cullArea? [#cullarea]

\> `optional` &#x2A;*cullArea?**: `Rectangle`

Defined in: node\_modules/pixi.js/lib/culling/cullingMixin.d.ts:49

Custom shape used for culling calculations instead of object bounds.
Defined in local space coordinates relative to the object.
\> \[!NOTE]
\> Setting this to a custom Rectangle allows you to define a specific area for culling,
\> which can improve performance by avoiding expensive bounds calculations.

Example [#example-14]

```ts
const container = new Container();

// Define custom culling boundary
container.cullArea = new Rectangle(0, 0, 800, 600);

// Reset to use object bounds
container.cullArea = null;
```

Remarks [#remarks-2]

* Improves performance by avoiding bounds calculations
* Useful for containers with many children
* Set to null to use object bounds

Default [#default-11]

```ts
null
```

Inherited from [#inherited-from-16]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`cullArea`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#cullarea)

***

cursor? [#cursor]

\> `optional` &#x2A;*cursor?**: `Cursor` | `string` & `object`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:187

The cursor style to display when the mouse pointer is hovering over the object.
Accepts any valid CSS cursor value or custom cursor URL.

Example [#example-15]

```ts
// Common cursor types
sprite.cursor = 'pointer';     // Hand cursor for clickable elements
sprite.cursor = 'grab';        // Grab cursor for draggable elements
sprite.cursor = 'crosshair';   // Precise cursor for selection
sprite.cursor = 'not-allowed'; // Indicate disabled state

// Direction cursors
sprite.cursor = 'n-resize';    // North resize
sprite.cursor = 'ew-resize';   // East-west resize
sprite.cursor = 'nesw-resize'; // Northeast-southwest resize

// Custom cursor with fallback
sprite.cursor = 'url("custom.png"), auto';
sprite.cursor = 'url("cursor.cur") 2 2, pointer'; // With hotspot offset
```

Default [#default-12]

```ts
undefined
```

See [#see-3]

* EventSystem.cursorStyles For setting global cursor styles
* [https://developer.mozilla.org/en-US/docs/Web/CSS/cursor](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) MDN Cursor Documentation

Inherited from [#inherited-from-17]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`cursor`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#cursor)

***

elements [#elements]

\> **elements**: [`ImageSpriteMemory`](/jsdoc/pixi-vn/index/interfaces/ImageSpriteMemory)\[]

Defined in: [src/canvas/interfaces/memory/ImageContainerMemory.ts:10](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/memory/ImageContainerMemory.ts#L10)

The elements contained in this container

Overrides [#overrides]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`elements`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#elements)

***

eventMode? [#eventmode]

\> `optional` &#x2A;*eventMode?**: `EventMode`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:225

Enable interaction events for the Container. Touch, pointer and mouse events are supported.

Example [#example-16]

```ts
const sprite = new Sprite(texture);

// Enable standard interaction (like buttons)
sprite.eventMode = 'static';
sprite.on('pointerdown', () => console.log('clicked!'));

// Enable for moving objects
sprite.eventMode = 'dynamic';
sprite.on('pointermove', () => updatePosition());

// Disable all interaction
sprite.eventMode = 'none';

// Only allow child interactions
sprite.eventMode = 'passive';
```

Available modes:

* `'none'`: Ignores all interaction events, even on its children. Best for pure visuals.
* `'passive'&#x60;: &#x2A;*(default)** Does not emit events and ignores hit testing on itself and non-interactive
  children. Interactive children will still emit events.
* `'auto'`: Does not emit events but is hit tested if parent is interactive. Same as `interactive = false` in v7.
* `'static'`: Emit events and is hit tested. Same as `interactive = true` in v7. Best for buttons/UI.
* `'dynamic'`: Like static but also receives synthetic events when pointer is idle. Best for moving objects.

Performance tips:

* Use `'none'` for pure visual elements
* Use `'passive'` for containers with some interactive children
* Use `'static'` for standard UI elements
* Use `'dynamic'` only when needed for moving/animated elements

Since [#since]

7.2.0

Inherited from [#inherited-from-18]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`eventMode`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#eventmode)

***

filters? [#filters]

\> `optional` &#x2A;*filters?**: `Filter` | readonly `Filter`\[]

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/effectsMixin.d.ts:37

Sets the filters for the displayObject.
Filters are visual effects that can be applied to any display object and its children.

\> \[!IMPORTANT] This is a WebGL/WebGPU only feature and will be ignored by the canvas renderer.

Example [#example-17]

```ts
new Container({
    filters: [new BlurFilter(2), new ColorMatrixFilter()],
});
```

See [#see-4]

Filter For filter base class

Inherited from [#inherited-from-19]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`filters`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#filters)

***

height? [#height]

\> `optional` &#x2A;*height?**: `number`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/measureMixin.d.ts:29

The height of the display object, in pixels.

Example [#example-18]

```ts
new Container({ height: 100});
```

Default [#default-13]

```ts
0
```

Inherited from [#inherited-from-20]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`height`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#height)

***

hitArea? [#hitarea]

\> `optional` &#x2A;*hitArea?**: `IHitArea` | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:297

Defines a custom hit area for pointer interaction testing. When set, this shape will be used
for hit testing instead of the container's standard bounds.

Example [#example-19]

```ts
import { Rectangle, Circle, Sprite } from 'pixi.js';

// Rectangular hit area
const button = new Sprite(texture);
button.eventMode = 'static';
button.hitArea = new Rectangle(0, 0, 100, 50);

// Circular hit area
const icon = new Sprite(texture);
icon.eventMode = 'static';
icon.hitArea = new Circle(32, 32, 32);

// Custom hit area with polygon
const custom = new Sprite(texture);
custom.eventMode = 'static';
custom.hitArea = new Polygon([0,0, 100,0, 100,100, 0,100]);

// Custom hit testing logic
sprite.hitArea = {
    contains(x: number, y: number) {
        // Custom collision detection
        return x >= 0 && x <= width && y >= 0 && y <= height;
    }
};
```

Remarks [#remarks-3]

* Takes precedence over the container's bounds for hit testing
* Can improve performance by simplifying collision checks
* Useful for irregular shapes or precise click areas

Inherited from [#inherited-from-21]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`hitArea`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#hitarea)

***

index? [#index]

\> `optional` &#x2A;*index?**: `number`

Defined in: [src/canvas/interfaces/memory/CanvasBaseItemMemory.ts:9](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/memory/CanvasBaseItemMemory.ts#L9)

The index of the container in its parent, if it has one

Inherited from [#inherited-from-22]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`index`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#index)

***

interactive? [#interactive]

\> `optional` &#x2A;*interactive?**: `boolean`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:238

Whether this object should fire UI events. This is an alias for `eventMode` set to `'static'` or `'passive'`.
Setting this to true will enable interaction events like `pointerdown`, `click`, etc.
Setting it to false will disable all interaction events on this object.

See [#see-5]

[Container.eventMode](/jsdoc/pixi-vn/index/classes/VideoSprite#eventmode)

Example [#example-20]

```ts
// Enable interaction events
sprite.interactive = true;  // Sets eventMode = 'static'
sprite.interactive = false; // Sets eventMode = 'passive'
```

Inherited from [#inherited-from-23]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`interactive`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#interactive)

***

interactiveChildren? [#interactivechildren]

\> `optional` &#x2A;*interactiveChildren?**: `boolean`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:261

Controls whether children of this container can receive pointer events.

Setting this to false allows PixiJS to skip hit testing on all children,
improving performance for containers with many non-interactive children.

Default [#default-14]

```ts
true
```

Example [#example-21]

```ts
// Container with many visual-only children
const container = new Container();
container.interactiveChildren = false; // Skip hit testing children

// Menu with interactive buttons
const menu = new Container();
menu.interactiveChildren = true; // Test all children
menu.addChild(button1, button2, button3);

// Performance optimization
background.interactiveChildren = false;
foreground.interactiveChildren = true;
```

Inherited from [#inherited-from-24]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`interactiveChildren`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#interactivechildren)

***

isRenderGroup? [#isrendergroup]

\> `optional` &#x2A;*isRenderGroup?**: `boolean`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:188

See [#see-6]

Container#isRenderGroup

Inherited from [#inherited-from-25]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`isRenderGroup`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#isrendergroup)

***

label? [#label]

\> `optional` &#x2A;*label?**: `string`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/findMixin.d.ts:8

The instance label of the object.

Default [#default-15]

```ts
null
```

Inherited from [#inherited-from-26]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`label`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#label)

***

loadIsStarted [#loadisstarted]

\> **loadIsStarted**: `boolean`

Defined in: [src/canvas/interfaces/memory/ImageContainerMemory.ts:12](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/memory/ImageContainerMemory.ts#L12)

***

mask? [#mask]

\> `optional` &#x2A;*mask?**: `Mask`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/effectsMixin.d.ts:22

The mask to apply, which can be a Container or null.

If null, it clears the existing mask.

Example [#example-22]

````ts
// Set a mask
sprite.setMask({
    mask: graphics,
    inverse: false,
});

#### Inherited from

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`mask`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#mask)

***

### onclick?

> `optional` **onclick?**: `FederatedEventHandler`\<`FederatedPointerEvent`\> \| `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:317

Property-based event handler for the `click` event.
Fired when a pointer device (mouse, touch, etc.) completes a click action.

#### Example

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('click', (event) =&gt; {
   console.log('Sprite clicked at:', event.global.x, event.global.y);
});
// Using property-based handler
sprite.onclick = (event) =&gt; {
    console.log('Clicked at:', event.global.x, event.global.y);
};
````

Default [#default-16]

```ts
null
```

Inherited from [#inherited-from-27]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onclick`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onclick)

***

onEvents? [#onevents]

> `optional` &#x2A;*onEvents?**: [`OnEventsHandlers`](/jsdoc/pixi-vn/index/interfaces/OnEventsHandlers)

Defined in: [src/canvas/components/ListenerExtension.ts:6](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/components/ListenerExtension.ts#L6)

Inherited from [#inherited-from-28]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onEvents`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onevents)

***

onglobalmousemove? [#onglobalmousemove]

> `optional` &#x2A;*onglobalmousemove?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:430

Property-based event handler for the `globalmousemove` event.

Fired when the mouse moves anywhere, regardless of whether the pointer is over this object.
The object must have `eventMode` set to 'static' or 'dynamic' to receive this event.

Example [#example-23]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('globalmousemove', (event) =&gt; {
    // Move sprite to mouse position
    sprite.position.copyFrom(event.global);
});
// Using property-based handler
sprite.onglobalmousemove = (event) =&gt; {
    // Move sprite to mouse position
    sprite.position.copyFrom(event.global);
};
```

Default [#default-17]

```ts
null
```

Remarks [#remarks-4]

* Fires even when the mouse is outside the object's bounds
* Useful for drag operations or global mouse tracking
* Must have `eventMode` set appropriately to receive events
* Part of the global move events family along with `globalpointermove` and `globaltouchmove`

Inherited from [#inherited-from-29]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onglobalmousemove`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onglobalmousemove)

***

onglobalpointermove? [#onglobalpointermove]

> `optional` &#x2A;*onglobalpointermove?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:637

Property-based event handler for the `globalpointermove` event.

Fired when the pointer moves anywhere, regardless of whether the pointer is over this object.
The object must have `eventMode` set to 'static' or 'dynamic' to receive this event.

Example [#example-24]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('globalpointermove', (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
});
// Using property-based handler
sprite.onglobalpointermove = (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
};
```

Default [#default-18]

```ts
null
```

Remarks [#remarks-5]

* Fires even when the mouse is outside the object's bounds
* Useful for drag operations or global mouse tracking
* Must have `eventMode` set appropriately to receive events
* Part of the global move events family along with `globalpointermove` and `globaltouchmove`

Inherited from [#inherited-from-30]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onglobalpointermove`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onglobalpointermove)

***

onglobaltouchmove? [#onglobaltouchmove]

> `optional` &#x2A;*onglobaltouchmove?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:947

Property-based event handler for the `globaltouchmove` event.

Fired when a touch interaction moves anywhere, regardless of whether the pointer is over this object.
The object must have `eventMode` set to 'static' or 'dynamic' to receive this event.

Example [#example-25]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('globaltouchmove', (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
});
// Using property-based handler
sprite.onglobaltouchmove = (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
};
```

Default [#default-19]

```ts
null
```

Remarks [#remarks-6]

* Fires even when the touch is outside the object's bounds
* Useful for drag operations or global touch tracking
* Must have `eventMode` set appropriately to receive events
* Part of the global move events family along with `globalpointermove` and `globalmousemove`

Inherited from [#inherited-from-31]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onglobaltouchmove`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onglobaltouchmove)

***

onmousedown? [#onmousedown]

> `optional` &#x2A;*onmousedown?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:339

Property-based event handler for the `mousedown` event.
Fired when a mouse button is pressed while the pointer is over the object.

Example [#example-26]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('mousedown', (event) =&gt; {
   sprite.alpha = 0.5; // Visual feedback
   console.log('Mouse button:', event.button);
});
// Using property-based handler
sprite.onmousedown = (event) =&gt; {
    sprite.alpha = 0.5; // Visual feedback
    console.log('Mouse button:', event.button);
};
```

Default [#default-20]

```ts
null
```

Inherited from [#inherited-from-32]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onmousedown`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onmousedown)

***

onmouseenter? [#onmouseenter]

> `optional` &#x2A;*onmouseenter?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:359

Property-based event handler for the `mouseenter` event.
Fired when the mouse pointer enters the bounds of the object. Does not bubble.

Example [#example-27]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('mouseenter', (event) =&gt; {
    sprite.scale.set(1.1);
});
// Using property-based handler
sprite.onmouseenter = (event) =&gt; {
    sprite.scale.set(1.1);
};
```

Default [#default-21]

```ts
null
```

Inherited from [#inherited-from-33]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onmouseenter`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onmouseenter)

***

onmouseleave? [#onmouseleave]

> `optional` &#x2A;*onmouseleave?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:379

Property-based event handler for the `mouseleave` event.
Fired when the pointer leaves the bounds of the display object. Does not bubble.

Example [#example-28]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('mouseleave', (event) =&gt; {
   sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onmouseleave = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-22]

```ts
null
```

Inherited from [#inherited-from-34]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onmouseleave`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onmouseleave)

***

onmousemove? [#onmousemove]

> `optional` &#x2A;*onmousemove?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:401

Property-based event handler for the `mousemove` event.
Fired when the pointer moves while over the display object.

Example [#example-29]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('mousemove', (event) =&gt; {
   // Get coordinates relative to the sprite
  console.log('Local:', event.getLocalPosition(sprite));
});
// Using property-based handler
sprite.onmousemove = (event) =&gt; {
    // Get coordinates relative to the sprite
    console.log('Local:', event.getLocalPosition(sprite));
};
```

Default [#default-23]

```ts
null
```

Inherited from [#inherited-from-35]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onmousemove`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onmousemove)

***

onmouseout? [#onmouseout]

> `optional` &#x2A;*onmouseout?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:450

Property-based event handler for the `mouseout` event.
Fired when the pointer moves out of the bounds of the display object.

Example [#example-30]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('mouseout', (event) =&gt; {
   sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onmouseout = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-24]

```ts
null
```

Inherited from [#inherited-from-36]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onmouseout`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onmouseout)

***

onmouseover? [#onmouseover]

> `optional` &#x2A;*onmouseover?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:470

Property-based event handler for the `mouseover` event.
Fired when the pointer moves onto the bounds of the display object.

Example [#example-31]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('mouseover', (event) =&gt; {
     sprite.scale.set(1.1);
});
// Using property-based handler
sprite.onmouseover = (event) =&gt; {
    sprite.scale.set(1.1);
};
```

Default [#default-25]

```ts
null
```

Inherited from [#inherited-from-37]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onmouseover`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onmouseover)

***

onmouseup? [#onmouseup]

> `optional` &#x2A;*onmouseup?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:490

Property-based event handler for the `mouseup` event.
Fired when a mouse button is released over the display object.

Example [#example-32]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('mouseup', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onmouseup = (event) =&gt; {
     sprite.scale.set(1.0);
};
```

Default [#default-26]

```ts
null
```

Inherited from [#inherited-from-38]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onmouseup`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onmouseup)

***

onmouseupoutside? [#onmouseupoutside]

> `optional` &#x2A;*onmouseupoutside?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:511

Property-based event handler for the `mouseupoutside` event.
Fired when a mouse button is released outside the display object that initially
registered a mousedown.

Example [#example-33]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('mouseupoutside', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onmouseupoutside = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-27]

```ts
null
```

Inherited from [#inherited-from-39]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onmouseupoutside`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onmouseupoutside)

***

onpointercancel? [#onpointercancel]

> `optional` &#x2A;*onpointercancel?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:531

Property-based event handler for the `pointercancel` event.
Fired when a pointer device interaction is canceled or lost.

Example [#example-34]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointercancel', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onpointercancel = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-28]

```ts
null
```

Inherited from [#inherited-from-40]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointercancel`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointercancel)

***

onpointerdown? [#onpointerdown]

> `optional` &#x2A;*onpointerdown?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:551

Property-based event handler for the `pointerdown` event.
Fired when a pointer device button (mouse, touch, pen, etc.) is pressed.

Example [#example-35]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointerdown', (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
});
// Using property-based handler
sprite.onpointerdown = (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
};
```

Default [#default-29]

```ts
null
```

Inherited from [#inherited-from-41]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointerdown`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointerdown)

***

onpointerenter? [#onpointerenter]

> `optional` &#x2A;*onpointerenter?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:571

Property-based event handler for the `pointerenter` event.
Fired when a pointer device enters the bounds of the display object. Does not bubble.

Example [#example-36]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointerenter', (event) =&gt; {
    sprite.scale.set(1.2);
});
// Using property-based handler
sprite.onpointerenter = (event) =&gt; {
    sprite.scale.set(1.2);
};
```

Default [#default-30]

```ts
null
```

Inherited from [#inherited-from-42]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointerenter`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointerenter)

***

onpointerleave? [#onpointerleave]

> `optional` &#x2A;*onpointerleave?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:590

Property-based event handler for the `pointerleave` event.
Fired when a pointer device leaves the bounds of the display object. Does not bubble.

Example [#example-37]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';
// Using emitter handler
sprite.on('pointerleave', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onpointerleave = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-31]

```ts
null
```

Inherited from [#inherited-from-43]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointerleave`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointerleave)

***

onpointermove? [#onpointermove]

> `optional` &#x2A;*onpointermove?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:610

Property-based event handler for the `pointermove` event.
Fired when a pointer device moves while over the display object.

Example [#example-38]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointermove', (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
});
// Using property-based handler
sprite.onpointermove = (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
};
```

Default [#default-32]

```ts
null
```

Inherited from [#inherited-from-44]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointermove`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointermove)

***

onpointerout? [#onpointerout]

> `optional` &#x2A;*onpointerout?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:657

Property-based event handler for the `pointerout` event.
Fired when the pointer moves out of the bounds of the display object.

Example [#example-39]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointerout', (event) =&gt; {
   sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onpointerout = (event) =&gt; {
   sprite.scale.set(1.0);
};
```

Default [#default-33]

```ts
null
```

Inherited from [#inherited-from-45]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointerout`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointerout)

***

onpointerover? [#onpointerover]

> `optional` &#x2A;*onpointerover?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:677

Property-based event handler for the `pointerover` event.
Fired when the pointer moves over the bounds of the display object.

Example [#example-40]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointerover', (event) =&gt; {
    sprite.scale.set(1.2);
});
// Using property-based handler
sprite.onpointerover = (event) =&gt; {
    sprite.scale.set(1.2);
};
```

Default [#default-34]

```ts
null
```

Inherited from [#inherited-from-46]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointerover`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointerover)

***

onpointertap? [#onpointertap]

> `optional` &#x2A;*onpointertap?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:697

Property-based event handler for the `pointertap` event.
Fired when a pointer device completes a tap action (e.g., touch or mouse click).

Example [#example-41]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointertap', (event) =&gt; {
    console.log('Sprite tapped at:', event.global.x, event.global.y);
});
// Using property-based handler
sprite.onpointertap = (event) =&gt; {
    console.log('Sprite tapped at:', event.global.x, event.global.y);
};
```

Default [#default-35]

```ts
null
```

Inherited from [#inherited-from-47]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointertap`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointertap)

***

onpointerup? [#onpointerup]

> `optional` &#x2A;*onpointerup?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:717

Property-based event handler for the `pointerup` event.
Fired when a pointer device button (mouse, touch, pen, etc.) is released.

Example [#example-42]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointerup', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onpointerup = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-36]

```ts
null
```

Inherited from [#inherited-from-48]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointerup`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointerup)

***

onpointerupoutside? [#onpointerupoutside]

> `optional` &#x2A;*onpointerupoutside?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:738

Property-based event handler for the `pointerupoutside` event.
Fired when a pointer device button is released outside the bounds of the display object
that initially registered a pointerdown.

Example [#example-43]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('pointerupoutside', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onpointerupoutside = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-37]

```ts
null
```

Inherited from [#inherited-from-49]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onpointerupoutside`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onpointerupoutside)

***

onRender? [#onrender]

> `optional` &#x2A;*onRender?**: ((`renderer`) => `void`) | `null`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/onRenderMixin.d.ts:25

This callback is used when the container is rendered. It runs every frame during the render process,
making it ideal for per-frame updates and animations.

> \[!NOTE] In v7 many users used `updateTransform` for this, however the way v8 renders objects is different
> and "updateTransform" is no longer called every frame

Example [#example-44]

```ts
// Basic rotation animation
const container = new Container();
container.onRender = () =&gt; {
    container.rotation += 0.01;
};

// Cleanup when done
container.onRender = null; // Removes callback
```

Param [#param]

The renderer instance

See [#see-7]

Renderer For renderer capabilities

Inherited from [#inherited-from-50]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onRender`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onrender)

***

onrightclick? [#onrightclick]

> `optional` &#x2A;*onrightclick?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:758

Property-based event handler for the `rightclick` event.
Fired when a right-click (context menu) action is performed on the object.

Example [#example-45]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('rightclick', (event) =&gt; {
    console.log('Right-clicked at:', event.global.x, event.global.y);
});
// Using property-based handler
sprite.onrightclick = (event) =&gt; {
    console.log('Right-clicked at:', event.global.x, event.global.y);
};
```

Default [#default-38]

```ts
null
```

Inherited from [#inherited-from-51]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onrightclick`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onrightclick)

***

onrightdown? [#onrightdown]

> `optional` &#x2A;*onrightdown?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:778

Property-based event handler for the `rightdown` event.
Fired when a right mouse button is pressed down over the display object.

Example [#example-46]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('rightdown', (event) =&gt; {
    sprite.scale.set(0.9);
});
// Using property-based handler
sprite.onrightdown = (event) =&gt; {
    sprite.scale.set(0.9);
};
```

Default [#default-39]

```ts
null
```

Inherited from [#inherited-from-52]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onrightdown`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onrightdown)

***

onrightup? [#onrightup]

> `optional` &#x2A;*onrightup?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:798

Property-based event handler for the `rightup` event.
Fired when a right mouse button is released over the display object.

Example [#example-47]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('rightup', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onrightup = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-40]

```ts
null
```

Inherited from [#inherited-from-53]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onrightup`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onrightup)

***

onrightupoutside? [#onrightupoutside]

> `optional` &#x2A;*onrightupoutside?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:819

Property-based event handler for the `rightupoutside` event.
Fired when a right mouse button is released outside the bounds of the display object
that initially registered a rightdown.

Example [#example-48]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('rightupoutside', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.onrightupoutside = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-41]

```ts
null
```

Inherited from [#inherited-from-54]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onrightupoutside`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onrightupoutside)

***

ontap? [#ontap]

> `optional` &#x2A;*ontap?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:839

Property-based event handler for the `tap` event.
Fired when a tap action (touch) is completed on the object.

Example [#example-49]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('tap', (event) =&gt; {
    console.log('Sprite tapped at:', event.global.x, event.global.y);
});
// Using property-based handler
sprite.ontap = (event) =&gt; {
    console.log('Sprite tapped at:', event.global.x, event.global.y);
};
```

Default [#default-42]

```ts
null
```

Inherited from [#inherited-from-55]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`ontap`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#ontap)

***

ontouchcancel? [#ontouchcancel]

> `optional` &#x2A;*ontouchcancel?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:859

Property-based event handler for the `touchcancel` event.
Fired when a touch interaction is canceled, such as when the touch is interrupted.

Example [#example-50]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('touchcancel', (event) =&gt; {
    console.log('Touch canceled at:', event.global.x, event.global.y);
});
// Using property-based handler
sprite.ontouchcancel = (event) =&gt; {
    console.log('Touch canceled at:', event.global.x, event.global.y);
};
```

Default [#default-43]

```ts
null
```

Inherited from [#inherited-from-56]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`ontouchcancel`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#ontouchcancel)

***

ontouchend? [#ontouchend]

> `optional` &#x2A;*ontouchend?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:879

Property-based event handler for the `touchend` event.
Fired when a touch interaction ends, such as when the finger is lifted from the screen.

Example [#example-51]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('touchend', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.ontouchend = (event) =&gt; {
   sprite.scale.set(1.0);
};
```

Default [#default-44]

```ts
null
```

Inherited from [#inherited-from-57]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`ontouchend`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#ontouchend)

***

ontouchendoutside? [#ontouchendoutside]

> `optional` &#x2A;*ontouchendoutside?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:900

Property-based event handler for the `touchendoutside` event.
Fired when a touch interaction ends outside the bounds of the display object
that initially registered a touchstart.

Example [#example-52]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('touchendoutside', (event) =&gt; {
    sprite.scale.set(1.0);
});
// Using property-based handler
sprite.ontouchendoutside = (event) =&gt; {
    sprite.scale.set(1.0);
};
```

Default [#default-45]

```ts
null
```

Inherited from [#inherited-from-58]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`ontouchendoutside`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#ontouchendoutside)

***

ontouchmove? [#ontouchmove]

> `optional` &#x2A;*ontouchmove?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:920

Property-based event handler for the `touchmove` event.
Fired when a touch interaction moves while over the display object.

Example [#example-53]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('touchmove', (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
});
// Using property-based handler
sprite.ontouchmove = (event) =&gt; {
    sprite.position.set(event.global.x, event.global.y);
};
```

Default [#default-46]

```ts
null
```

Inherited from [#inherited-from-59]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`ontouchmove`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#ontouchmove)

***

ontouchstart? [#ontouchstart]

> `optional` &#x2A;*ontouchstart?**: `FederatedEventHandler`\<`FederatedPointerEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:967

Property-based event handler for the `touchstart` event.
Fired when a touch interaction starts, such as when a finger touches the screen.

Example [#example-54]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('touchstart', (event) =&gt; {
    sprite.scale.set(0.9);
});
// Using property-based handler
sprite.ontouchstart = (event) =&gt; {
    sprite.scale.set(0.9);
};
```

Default [#default-47]

```ts
null
```

Inherited from [#inherited-from-60]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`ontouchstart`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#ontouchstart)

***

onwheel? [#onwheel]

> `optional` &#x2A;*onwheel?**: `FederatedEventHandler`\<`FederatedWheelEvent`> | `null`

Defined in: node\_modules/pixi.js/lib/events/FederatedEventTarget.d.ts:989

Property-based event handler for the `wheel` event.
Fired when the mouse wheel is scrolled while over the display object.

Example [#example-55]

```ts
const sprite = new Sprite(texture);
sprite.eventMode = 'static';

// Using emitter handler
sprite.on('wheel', (event) =&gt; {
    sprite.scale.x += event.deltaY * 0.01; // Zoom in/out
    sprite.scale.y += event.deltaY * 0.01; // Zoom in/out
});
// Using property-based handler
sprite.onwheel = (event) =&gt; {
    sprite.scale.x += event.deltaY * 0.01; // Zoom in/out
    sprite.scale.y += event.deltaY * 0.01; // Zoom in/out
};
```

Default [#default-48]

```ts
null
```

Inherited from [#inherited-from-61]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`onwheel`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#onwheel)

***

origin? [#origin]

> `optional` &#x2A;*origin?**: `number` | `PointData`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:334

The origin point around which the container rotates and scales.
Unlike pivot, changing origin will not move the container's position.

Example [#example-56]

```ts
new Container({ origin: new Point(100, 100) }); // Rotate around point (100,100)
new Container({ origin: 50 }); // Rotate around point (50, 50)
new Container({ origin: { x: 150, y: 150 } }); // Rotate around point (150, 150)
```

Inherited from [#inherited-from-62]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`origin`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#origin)

***

parent? [#parent]

> `readonly` `optional` &#x2A;*parent?**: `Container`\<`ContainerChild`>

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:273

The display object container that contains this display object.
This represents the parent-child relationship in the display tree.

See [#see-8]

* [Container#addChild](/jsdoc/pixi-vn/index/classes/Container#addchild) For adding to a parent
* [Container#removeChild](/jsdoc/pixi-vn/index/classes/Container#removechild) For removing from parent

Inherited from [#inherited-from-63]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`parent`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#parent)

***

parentLabel? [#parentlabel]

> `optional` &#x2A;*parentLabel?**: `string`

Defined in: [src/canvas/interfaces/memory/CanvasBaseItemMemory.ts:13](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/memory/CanvasBaseItemMemory.ts#L13)

The label of the parent container, if it has one

Inherited from [#inherited-from-64]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`parentLabel`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#parentlabel)

***

percentagePosition? [#percentageposition]

> `optional` &#x2A;*percentagePosition?**: `number` | `Partial`\<`PointData`>

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:43](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/components/AdditionalPositionsExtension.ts#L43)

is a way to set the position of the element in the canvas calculated in percentage.
For example, if you set the [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) to 0.5, and:

* if you set percentagePosition to 0.5, the element will be in the center of the canvas.
* If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
* If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.

**Important:** The [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) field does affect the percentagePosition.

Inherited from [#inherited-from-65]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`percentagePosition`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#percentageposition)

***

percentageX? [#percentagex]

> `optional` &#x2A;*percentageX?**: `number`

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:53](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/components/AdditionalPositionsExtension.ts#L53)

is a way to set the position of the element in the canvas calculated in percentage.
For example, if you set the [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) to 0.5, and:

* if you set percentagePosition to 0.5, the element will be in the center of the canvas.
* If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
* If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.

**Important:** The [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) field does affect the percentagePosition.

Inherited from [#inherited-from-66]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`percentageX`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#percentagex)

***

percentageY? [#percentagey]

> `optional` &#x2A;*percentageY?**: `number`

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:63](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/components/AdditionalPositionsExtension.ts#L63)

is a way to set the position of the element in the canvas calculated in percentage.
For example, if you set the [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) to 0.5, and:

* if you set percentagePosition to 0.5, the element will be in the center of the canvas.
* If you set percentagePosition to 0, the center of the element will be in the left end and top end of the canvas.
* If you set percentagePosition to 1, the center of the element will be in the right end and bottom end of the canvas.

**Important:** The [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) field does affect the percentagePosition.

Inherited from [#inherited-from-67]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`percentageY`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#percentagey)

***

pivot? [#pivot]

> `optional` &#x2A;*pivot?**: `number` | `PointData`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:323

The center of rotation, scaling, and skewing for this display object in its local space.
The `position` is the projection of `pivot` in the parent's local space.

By default, the pivot is the origin (0, 0).

Example [#example-57]

```ts
new Container({ pivot: new Point(100, 200) }); // Set pivot to (100, 200)
new Container({ pivot: 50 }); // Set pivot to (50, 50)
new Container({ pivot: { x: 150, y: 150 } }); // Set pivot to (150, 150)
```

Inherited from [#inherited-from-68]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`pivot`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#pivot)

***

pixivnId [#pixivnid]

> **pixivnId**: `string`

Defined in: [src/canvas/interfaces/memory/CanvasBaseItemMemory.ts:5](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/memory/CanvasBaseItemMemory.ts#L5)

Inherited from [#inherited-from-69]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`pixivnId`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#pixivnid)

***

position? [#position]

> `optional` &#x2A;*position?**: `PointData`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:343

The coordinate of the object relative to the local coordinates of the parent.

Example [#example-58]

```ts
new Container({ position: new Point(100, 200) }); // Set position to (100, 200)
new Container({ position: { x: 150, y: 150 } }); // Set position to (150, 150)
```

Inherited from [#inherited-from-70]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`position`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#position)

***

renderable? [#renderable]

> `optional` &#x2A;*renderable?**: `boolean`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:286

Controls whether this object can be rendered. If false the object will not be drawn,
but the transform will still be updated. This is different from visible, which skips
transform updates.

Example [#example-59]

```ts
new Container({ renderable: false }); // Will not be drawn, but transforms will update
```

Default [#default-49]

```ts
true
```

See [#see-9]

* [Container#visible](/jsdoc/pixi-vn/index/classes/VideoSprite#visible) For skipping transform updates
* [Container#alpha](/jsdoc/pixi-vn/index/classes/VideoSprite#alpha) For transparency

Inherited from [#inherited-from-71]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`renderable`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#renderable)

***

rotation? [#rotation]

> `optional` &#x2A;*rotation?**: `number`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:298

The rotation of the object in radians.

> \[!NOTE] 'rotation' and 'angle' have the same effect on a display object;
> rotation is in radians, angle is in degrees.

Example [#example-60]

```ts
new Container({ rotation: Math.PI / 4 }); // Rotate 45 degrees
new Container({ rotation: Math.PI / 2 }); // Rotate 90 degrees
```

Inherited from [#inherited-from-72]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`rotation`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#rotation)

***

scale? [#scale]

> `optional` &#x2A;*scale?**: `number` | `PointData`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:310

The scale factors of this object along the local coordinate axes.

The default scale is (1, 1).

Example [#example-61]

```ts
new Container({ scale: new Point(2, 2) }); // Scale by 2x
new Container({ scale: 0.5 }); // Scale by 0.5x
new Container({ scale: { x: 1.5, y: 1.5 } }); // Scale by 1.5x
```

Inherited from [#inherited-from-73]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`scale`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#scale)

***

setMask? [#setmask]

> `optional` &#x2A;*setMask?**: (`options`) => `void`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/effectsMixin.d.ts:23

Parameters [#parameters-1]

options [#options]

`Partial`\<`MaskOptionsAndMask`>

Returns [#returns-1]

`void`

Inherited from [#inherited-from-74]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`setMask`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#setmask)

***

skew? [#skew]

> `optional` &#x2A;*skew?**: `PointData`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:354

The skew factor for the object in radians. Skewing is a transformation that distorts
the object by rotating it differently at each point, creating a non-uniform shape.

Example [#example-62]

```ts
new Container({ skew: new Point(0.1, 0.2) }); // Skew by 0.1 radians on x and 0.2 radians on y
new Container({ skew: { x: 0.1, y: 0.2 } }); // Skew by 0.1 radians on x and 0.2 radians on y
```

Default [#default-50]

```ts
{ x: 0, y: 0 }
```

Inherited from [#inherited-from-75]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`skew`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#skew)

***

sortableChildren? [#sortablechildren]

> `optional` &#x2A;*sortableChildren?**: `boolean`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/sortMixin.d.ts:48

If set to true, the container will sort its children by `zIndex` value
when the next render is called, or manually if `sortChildren()` is called.

This actually changes the order of elements in the array of children,
so it will affect the rendering order.

> \[!NOTE] Also be aware of that this may not work nicely with the `addChildAt()` function,
> as the `zIndex` sorting may cause the child to automatically sorted to another position.

Example [#example-63]

```ts
container.sortableChildren = true;
```

Default [#default-51]

```ts
false
```

Inherited from [#inherited-from-76]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`sortableChildren`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#sortablechildren)

***

sortDirty? [#sortdirty]

> `optional` &#x2A;*sortDirty?**: `boolean`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/sortMixin.d.ts:32

**`Internal`**

Should children be sorted by zIndex at the next render call.

Will get automatically set to true if a new child is added, or if a child's zIndex changes.

Default [#default-52]

```ts
false
@internal
```

Inherited from [#inherited-from-77]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`sortDirty`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#sortdirty)

***

tabIndex? [#tabindex]

> `optional` &#x2A;*tabIndex?**: `number`

Defined in: node\_modules/pixi.js/lib/accessibility/accessibilityTarget.d.ts:72

Sets the tabIndex of the shadow div. You can use this to set the order of the
elements when using the tab key to navigate.

Default [#default-53]

```ts
0
```

Example [#example-64]

```js
const container = new Container();
container.accessible = true;
container.tabIndex = 0;

const sprite = new Sprite(texture);
sprite.accessible = true;
sprite.tabIndex = 1;
```

Inherited from [#inherited-from-78]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`tabIndex`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#tabindex)

***

tint? [#tint]

> `optional` &#x2A;*tint?**: `ColorSource`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:222

The tint applied to the sprite.

This can be any valid ColorSource.

Example [#example-65]

```ts
new Container({ tint: 0xff0000 }); // Red tint
new Container({ tint: 'blue' }); // Blue tint
new Container({ tint: '#00ff00' }); // Green tint
new Container({ tint: 'rgb(0,0,255)' }); // Blue tint
```

Default [#default-54]

```ts
0xFFFFFF
```

See [#see-10]

* [Container#alpha](/jsdoc/pixi-vn/index/classes/VideoSprite#alpha) For transparency
* [Container#visible](/jsdoc/pixi-vn/index/classes/VideoSprite#visible) For visibility control

Inherited from [#inherited-from-79]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`tint`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#tint)

***

visible? [#visible]

> `optional` &#x2A;*visible?**: `boolean`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:367

The visibility of the object. If false the object will not be drawn,
and the transform will not be updated.

Example [#example-66]

```ts
new Container({ visible: false }); // Will not be drawn and transforms will not update
new Container({ visible: true }); // Will be drawn and transforms will update
```

Default [#default-55]

```ts
true
```

See [#see-11]

* [Container#renderable](/jsdoc/pixi-vn/index/classes/VideoSprite#renderable) For render-only control
* [Container#alpha](/jsdoc/pixi-vn/index/classes/VideoSprite#alpha) For transparency

Inherited from [#inherited-from-80]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`visible`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#visible)

***

width? [#width]

> `optional` &#x2A;*width?**: `number`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/measureMixin.d.ts:20

The width of the display object, in pixels.

Example [#example-67]

```ts
new Container({ width: 100});
```

Default [#default-56]

```ts
0
```

Inherited from [#inherited-from-81]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`width`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#width)

***

x? [#x]

> `optional` &#x2A;*x?**: `number`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:377

The position of the container on the x axis relative to the local coordinates of the parent.

An alias to position.x

Example [#example-68]

```ts
new Container({ x: 100 }); // Set x position to 100
```

Inherited from [#inherited-from-82]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`x`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#x)

***

xAlign? [#xalign]

> `optional` &#x2A;*xAlign?**: `number`

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:23](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/components/AdditionalPositionsExtension.ts#L23)

is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
For example:

* if you set align to 0.5, the element will be in the center of the canvas.
* if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
* if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.

**Important:** The [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) field does not affect the alignment.

Inherited from [#inherited-from-83]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`xAlign`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#xalign)

***

y? [#y]

> `optional` &#x2A;*y?**: `number`

Defined in: node\_modules/pixi.js/lib/scene/container/Container.d.ts:387

The position of the container on the y axis relative to the local coordinates of the parent.

An alias to position.y

Example [#example-69]

```ts
new Container({ y: 200 }); // Set y position to 200
```

Inherited from [#inherited-from-84]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`y`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#y)

***

yAlign? [#yalign]

> `optional` &#x2A;*yAlign?**: `number`

Defined in: [src/canvas/components/AdditionalPositionsExtension.ts:33](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/components/AdditionalPositionsExtension.ts#L33)

is a way to set the position of the element in the canvas. compared to position, align, it is a percentage used to determine the proximity from the edges of the canvas.
For example:

* if you set align to 0.5, the element will be in the center of the canvas.
* if you set align to 0, the left end and a top end of the element will be in the left end and top end of the canvas.
* if you set align to 1, the right end and a bottom end of the element will be in the right end and bottom end of the canvas.

**Important:** The [PixiContainer.pivot](/jsdoc/pixi-vn/index/classes/VideoSprite#pivot) field does not affect the alignment.

Inherited from [#inherited-from-85]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`yAlign`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#yalign)

***

zIndex? [#zindex]

> `optional` &#x2A;*zIndex?**: `number`

Defined in: node\_modules/pixi.js/lib/scene/container/container-mixins/sortMixin.d.ts:24

The zIndex of the container.

Controls the rendering order of children within their parent container.

A higher value will mean it will be moved towards the front of the rendering order.

Example [#example-70]

```ts
// Add in any order
container.addChild(character, background, foreground);

// Adjust rendering order
background.zIndex = 0;
character.zIndex = 1;
foreground.zIndex = 2;
```

See [#see-12]

* [Container#sortableChildren](/jsdoc/pixi-vn/index/classes/VideoSprite#sortablechildren) For enabling sorting
* [Container#sortChildren](/jsdoc/pixi-vn/index/classes/Container#sortchildren) For manual sorting

Default [#default-57]

```ts
0
```

Inherited from [#inherited-from-86]

[`ContainerMemory`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory).[`zIndex`](/jsdoc/pixi-vn/index/interfaces/ContainerMemory#zindex)