// Center pivot
transform.pivot.set(sprite.width / 2, sprite.height / 2);

// Corner rotation
transform.pivot.set(0, 0);
transform.rotation = Math.PI / 4; // 45 degrees

Inherited from

Transform.pivot

position

> position: ObservablePoint

Defined in: node_modules/pixi.js/lib/utils/misc/Transform.d.ts:68

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

Example

// Basic position setting
transform.position.set(100, 100);

// Individual coordinate access
transform.position.x = 50;
transform.position.y = 75;

Inherited from

Transform.position

scale

> scale: ObservablePoint

Defined in: node_modules/pixi.js/lib/utils/misc/Transform.d.ts:81

The scale factor of the object.

Example

// Uniform scaling
transform.scale.set(2, 2);

// Non-uniform scaling
transform.scale.x = 2; // Stretch horizontally
transform.scale.y = 0.5; // Compress vertically

Inherited from

Transform.scale

skew

> skew: ObservablePoint

Defined in: node_modules/pixi.js/lib/utils/misc/Transform.d.ts:106

The skew amount, on the x and y axis.

Example

// Apply horizontal skew
transform.skew.x = Math.PI / 6; // 30 degrees

// Apply both skews
transform.skew.set(Math.PI / 6, Math.PI / 8);

Inherited from

Transform.skew

Accessors

matrix

Get Signature

> get matrix(): Matrix

Defined in: node_modules/pixi.js/lib/utils/misc/Transform.d.ts:150

The transformation matrix computed from the transform's properties. Combines position, scale, rotation, skew, and pivot into a single matrix.

Example

// Get current matrix
const matrix = transform.matrix;
console.log(matrix.toString());

See

Matrix For matrix operations
Transform.setFromMatrix For setting transform from matrix

The rotation of the object in radians.

Example

// Basic rotation
transform.rotation = Math.PI / 4; // 45 degrees

// Rotate around pivot point
transform.pivot.set(50, 50);
transform.rotation = Math.PI; // 180 degrees around pivot

// Animate rotation
app.ticker.add(() => {
    transform.rotation += 0.1;
});

See

Transform#pivot For rotation point
Transform#skew For skew effects

Internal

Called when a value changes.

Decomposes a matrix and sets the transforms properties based on it.

// Basic matrix decomposition
const transform = new Transform();
const matrix = new Matrix()
    .translate(100, 100)
    .rotate(Math.PI / 4)
    .scale(2, 2);

transform.setFromMatrix(matrix);
console.log(transform.position.x); // 100
console.log(transform.rotation); // ~0.785 (π/4)

See

Matrix#decompose For the decomposition logic
Transform#matrix For getting the current matrix

Called when the skew or the rotation changes.

Returns

void

Inherited from

Transform.updateSkew

Class: Live2DTransform

On this page