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 sprite = PIXI.Sprite.fromImage("http://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Felix_the_cat.svg/200px-Felix_the_cat.svg.png");
sprite.x = 50;
sprite.y = 100;
sprite.rotation = -Math.PI/8;
stage.addChild(sprite);
// pixi.js automaticky detekuje zda je možné použít WebGL (WebGl renderer) nebo fallbach na canvas (CanvarRenderer)
var renderer = PIXI.autoDetectRenderer(400, 300);
// 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() {
requestAnimFrame(animate);
// vykreslíme stage
renderer.render(stage);
}