JSFiddle - React, Tailwind, and code Playground

by Dzugaru

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/4.5.1/pixi.min.js"></script>

JavaScript

var renderer = PIXI.autoDetectRenderer(256, 256);
document.body.appendChild(renderer.view);
var stage = new PIXI.Container();

var rect = new PIXI.Graphics();
rect.beginFill(0xFFFFFF, 1);
rect.drawRect(0, 0, 1, 1); //doesn't work!
//rect.drawRect(0, 0, 2, 2); //works fine
rect.endFill();                
var tex = renderer.generateTexture(rect);

var s = new PIXI.Sprite(tex);     
s.x = s.y = 128 - 32 / 2;
s.width = 32;
s.height = 32
stage.addChild(s);

renderer.render(stage);