JSFiddle - React, Tailwind, and code Playground

by markus636

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);

stage.addChild(bunny);

// Bunny coord
bunny.position.x = 200;
bunny.position.y = 150;

subBunny.position.x = 30;
subBunny.position.y = 0;

bunny.addChild(subBunny);

/**
	comment or uncomment to see how it works
  it seems when you change w and h it scales the child (subBunny)
*/
//bunny.width = 100;
//bunny.height = 100;

// start animating
animate();
function animate() {
    requestAnimationFrame(animate);
    renderer.render(stage);
}