JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/pixi.js/2.1.1/pixi.js"></script>
<body>
</body>
CSS
body {
margin: 0;
padding: 0;
background-color: #000000;
}
JavaScript
// create an array of assets to load
var assetsToLoader = ["https://dl.dropboxusercontent.com/u/139992952/coffee.png"];
// create a new loader
loader = new PIXI.AssetLoader(assetsToLoader,true);
// use callback
loader.onComplete = onAssetsLoaded;
// create an new instance of a pixi stage
var stage = new PIXI.Stage(0xFFFFFF);
// create a renderer instance
var renderer = new PIXI.CanvasRenderer(1024, 640);
//begin load
loader.load();
// add render view to DOM
document.body.appendChild(renderer.view);
var postition = 0;
var background;
var background2;
function onAssetsLoaded(){
background = PIXI.Sprite.fromImage("https://dl.dropboxusercontent.com/u/139992952/coffee.png");
stage.addChild(background);
renderer.render(stage);
}