JSFiddle - React, Tailwind, and code Playground

by realhunts

HTML

<script src="https://pixijs.download/dev/pixi.js"></script>

JavaScript

var app = new PIXI.Application();
document.body.appendChild(app.view);

// addHole works without drawShape
var g1 = new PIXI.Graphics()
	gl.beginFill(0xff0000)
  gl.moveTo(0, 0)
  gl.lineTo(200, 0)
  /*.lineTo(200, 300)
  .lineTo(0, 300)
  .moveTo(10, 10)
  .lineTo(190, 10)
  .lineTo(190, 290)
  .lineTo(10, 290)*/
  //.addHole();
 
g1.x = 10;
g1.y = 10;

// addHole doesn't work with drawShape
var g2 = new PIXI.Graphics()
	.beginFill(0x00ffcc)
  .drawRect(0, 0, 200, 300)
  .drawRect(10, 10, 180, 280)
  .addHole();

g2.x = 300;
g2.y = 10;

app.stage.addChild(g1, g2);