@pixi-essentials/transformer
TypeScript icon, indicating that this package has built-in type declarations

3.0.4 • Public • Published

@pixi-essentials/transformer

This package contains Transformer, which provides an interactive interface for scaling and rotating groups of display-objects.

Installation 📦

npm install @pixi-essentials/transformer

Pens 🖊️

Transform options 📃

Property Default Description
boxRotationEnabled false Rotation by dragging near outside the four corners of the bounding box
boxScalingEnabled false Scaling by dragging the edges of the bounding-box (also called the wireframe)
centeredScaling false Whether scaling object should keep its center invariant (instead of the side being dragged)
rotateEnabled true Enables the rotator handle above the top-edge of the wireframe
scaleEnabled true Enables the 8 scaling handles (topLeft, topCenter, topRight, middleLeft, middleRight, bottomLeft, bottomCenter, bottomRight)
skewEnabled false Enables the 2 skewing handles
translateEnabled true Enables translation by dragging the wireframe. The transformer will capture all mouse events in the group's bounds

Usage 📄

import * as PIXI from 'pixi.js';
import { Transformer } from '@pixi-essentials/transformer';

const app = new PIXI.Application({
    resolution: window.devicePixelRatio,
    autoDensity: true,
    backgroundColor: 0xabcdef,
    width: 1024,
    height: 1024,
    antialias: true
});

document.body.appendChild(app.view);

const circle = app.stage.addChild(new PIXI.Graphics());

circle.beginFill(0xfedbac)
    .drawCircle(0, 0, 100)
    .endFill();
circle.pivot.set(50, 100);
circle.scale.set(1);
circle.position.set(300, 300);

const star = app.stage.addChild(new PIXI.Graphics());

star.beginFill(0xfedbac)
    .drawStar(0, 0, 8, 100)
    .endFill();
star.position.set(800, 500);
star.pivot.set(50, 100);

app.stage.addChild(new Transformer({
    group: [circle, star],
}));

External Resources

Package Sidebar

Install

npm i @pixi-essentials/transformer

Weekly Downloads

328

Version

3.0.4

License

MIT

Unpacked Size

551 kB

Total Files

9

Last publish

Collaborators

  • shukantpal