JSFiddle - React, Tailwind, and code Playground
HTML
<script src=" //cdnjs.cloudflare.com/ajax/libs/pixi.js/2.1.1/pixi.dev.js"></script>
Good! :)
JavaScript
stage = new PIXI.Stage(0xe7e7e7)
renderer = new PIXI.autoDetectRenderer(300,300)
document.body.appendChild(renderer.view)
function degreesToRadians(degrees) {
return (degrees * Math.PI)/180;
}
var total = 3;
for (var i = 0; i < total; i++) {
var centerX = Math.floor(renderer.width / 2);
var centerY = Math.floor(renderer.height / 2);
var radius = Math.floor(renderer.width / 2);
var deg = 360 / total;
var startingAngle = degreesToRadians(i * deg);
var endingAngle = degreesToRadians((i + 1) * deg);
graphics = new PIXI.Graphics()
graphics.lineStyle(2,0x000000)
graphics.moveTo(centerX, centerY);
graphics.arc(centerX, centerY, radius, startingAngle, endingAngle, false);
stage.addChild(graphics)
}
renderer.render(stage)