JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/2.2.5/pixi.dev.js"></script>
JavaScript
var renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.view);
var stage = new PIXI.Stage(0xFFFFFF);
var assetLoader = new PIXI.AssetLoader([
"http://2vc.org/temp/testfile.json"
]);
assetLoader.load();
assetLoader.on('onComplete', function(){
var tileList = [], texture, tiles;
texture = PIXI.Texture.fromImage('http://2vc.org/temp/floor3.png');
texture.__fromFile = true;
tiles = new PIXI.TilingSprite(texture, 1000, 200);
tiles.__fromFile = true;
stage.addChild(tiles);
tileList.push(tiles);
tiles = new PIXI.TilingSprite(PIXI.Texture.fromFrame('floor3.png'), 1000, 200);
tiles.y = 250;
stage.addChild(tiles);
tileList.push(tiles);
window.tileList = tileList;
});
requestAnimationFrame(animate);
function animate() {
renderer.render(stage);
requestAnimationFrame(animate);
}