JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/pixi.js/1.6.1/pixi.js"></script>
<div id="canvas"></div>

JavaScript

// vytvoříme stage, parametrem je barva pozadí
var stage = new PIXI.Stage(0xDEFCFC);

var sprite1 = PIXI.Sprite.fromImage("http://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Felix_the_cat.svg/200px-Felix_the_cat.svg.png");

sprite1.x = 0;
sprite1.y = 150;
sprite1.rotation = -Math.PI/8;

stage.addChild(sprite1);


var sprite2 = PIXI.Sprite.fromImage("http://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Felix_the_cat.svg/200px-Felix_the_cat.svg.png");

sprite2.x = 200;
sprite2.y = 140;
sprite2.rotation = -Math.PI/6;




var sprite3 = PIXI.Sprite.fromImage("http://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Felix_the_cat.svg/200px-Felix_the_cat.svg.png");

sprite3.x = 100;
sprite3.y = 100;
sprite3.rotation = -Math.PI/2;

var container = new PIXI.DisplayObjectContainer();
stage.addChild(container);
container.addChild(sprite1);
container.addChild(sprite2);
container.addChild(sprite3);
container.pivot = {
    x: container.width / 2,
    y: container.height / 2
}
container.x = 300;
container.y = 300;
// pixi.js automaticky detekuje zda je možné použít WebGL (WebGl renderer) nebo fallbach na canvas (CanvarRenderer)
var renderer = PIXI.autoDetectRenderer(800, 500);

// připojíme do stránky samotný objekt, na kterém se bude vykreslovat
document.body.appendChild(renderer.view);

// dále definujeme smyčku, která bude vykreslovat za pomoci rendereru stage
requestAnimFrame(animate);

function animate() {
    container.rotation += 0.03;
    requestAnimFrame(animate);
    
    // vykreslíme stage
    renderer.render(stage);
}