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);
// create the root of the scene graph
var stage = new PIXI.Container();
stage.x = 200;
var sp = PIXI.Sprite.fromImage('http://pixijs.github.io/examples/required/assets/basics/bunny.png');
var container = new PIXI.Container();
stage.addChild(sp);
for (var j = 0; j < 5; j++) {
for (var i = 0; i < 5; i++) {
var bunny = PIXI.Sprite.fromImage('http://pixijs.github.io/examples/required/assets/basics/bunny.png');
bunny.x = 40 * i;
bunny.y = 40 * j;
container.addChild(bunny);
};
};
stage.addChild(container);
sp.updateTransform();
console.log(container.getBounds());
console.log(stage.getBounds());
console.log(sp.getBounds());
// start animating
animate();
function animate() {
requestAnimationFrame(animate);
renderer.render(stage);
}