@omnimedia/kimura

Tool for interactively editing the transformation matrices of pixi objects.

Installation :package:

npm install @omnimedia/kimura

Usage :page_facing_up:

import {Application, Graphics} from "pixi.js"

import {Kimura} from "../kimura.js"

const app = new Application()

await app.init({
    autoDensity: true,
    backgroundColor: 0xabcdef,
    width: 1024,
    height: 1024,
    antialias: true,
    view: document.createElement('canvas') ,
})
document.body.appendChild(app.canvas)

const a = app.stage.addChild(new Graphics())
a.circle(0, 0, 100)
    .fill(0xfedbac)
a.pivot.set(50, 100)
a.scale.set(1)
a.position.set(300, 300)

const b = app.stage.addChild(new Graphics())
b.circle(0, 0, 100)
    .fill(0xfedbac)
b.pivot.set(50, 100)
b.scale.set(1)
b.position.set(600, 300)

app.stage.addChild(new Kimura({
    group: [a, b]
}))