JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.0.1/pixi.min.js"></script>
JavaScript
var renderer = PIXI.autoDetectRenderer(800, 600,{backgroundColor : 0x1099bb});
document.body.appendChild(renderer.view);
var stage = new PIXI.Container();
var texture = PIXI.Texture.fromImage('http://pixijs.github.io/examples/required/assets/basics/bunny.png');
var texture2 = PIXI.Texture.fromImage('http://pixijs.github.io/examples/required/assets/basics/bunny.png');
var bunny = new PIXI.Sprite(texture);
var subBunny = new PIXI.Sprite(texture2);
bunny.pivot = new PIXI.Point(0,0);
subBunny.pivot = new PIXI.Point(0,0);
// Bunny coord
bunny.position.x = 200;
bunny.position.y = 150;
bunny.width = 300.5;
bunny.height = 200;
stage.addChild(bunny);
bunny.updateTransform();
console.log(bunny.worldTransform);
subBunny.position.x = 10.5;
subBunny.position.y = 10;
//subBunny.width = 20;
//subBunny.height = 20;
bunny.addChild(subBunny);
bunny.updateTransform();
subBunny.updateTransform();
console.log(subBunny.worldTransform);
// start animating
animate();
function animate() {
requestAnimationFrame(animate);
renderer.render(stage);
}