JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/3.0.7/pixi.js"></script>
JavaScript
var renderer = PIXI.autoDetectRenderer(480, 320, { antialias: true });
document.body.appendChild(renderer.view);
var stage = new PIXI.Container();
// Render a circle to a texture
var texture = new PIXI.RenderTexture(renderer, 16, 16);
var graphics = new PIXI.Graphics();
graphics.beginFill(0x44FFFF);
graphics.drawCircle(8, 8, 8);
graphics.endFill();
texture.render(graphics);
//Create some sprites
for(var i=0; i<10; i++) {
var s = new PIXI.Sprite(texture);
s.position.x = Math.random() * renderer.width;
s.position.y = Math.random() * renderer.height;
stage.addChild(s);
}
renderer.render(stage);