JSFiddle - React, Tailwind, and code Playground

by intrinsica

HTML

<script src="https://rawgit.com/GoodBoyDigital/pixi.js/dev/bin/pixi.js"></script>

CSS

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

JavaScript

var renderer= PIXI.autoDetectRenderer( window.innerWidth, window.innerHeight, {backgroundColor:0xffffff}),
    stage= new PIXI.Container(),
    gfx= new PIXI.Graphics(),
    masterImage= new PIXI.Container(),
    genTex,
    stamp,
    sprite;

gfx.beginFill( 0xff0000 );
gfx.drawPolygon( [0,0, 60,0, 30,45] );
masterImage.addChild( gfx ); // adding only one graphic for this repro

genTex= masterImage.generateTexture( renderer, 1, PIXI.LINEAR );
stamp= new PIXI.Texture( genTex.baseTexture, new PIXI.math.Rectangle( 0, 0, 60, 45 ) );
sprite= new PIXI.Sprite( stamp );
stage.addChild( sprite ); // adding to stage for this repro

document.body.appendChild( renderer.view );
requestAnimationFrame( draw ); // renders with black behind triangle on Firefox

function draw() {
    renderer.render( stage );
}