JSFiddle - React, Tailwind, and code Playground

by ShukantPal

HTML

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

CSS

body {
  margin: 0;
  overflow: hidden;
}

JavaScript

const app = new PIXI.Application({ resizeTo: window, antialias: true });
document.body.appendChild(app.view);

const bezier2 = new PIXI.Graphics()
  .lineStyle(10, 0x00ff99)
  .bezierCurveTo(0, -100, 150, 150, 240, 100);

bezier2.position.set(50, 50);
app.stage.addChild(bezier2);

const arc3 = new PIXI.Graphics();

arc3.lineStyle(20, 0x0099ff);
arc3.arc(150, 200, 60, 2 * Math.PI, 2.5 * Math.PI / 2);

app.stage.addChild(arc3);