28 lines
865 B
JavaScript
28 lines
865 B
JavaScript
let app = new PIXI.Application({ width: 400, height: 400, backgroundColor: 0x424242 });
|
||
document.body.appendChild(app.view);
|
||
|
||
const graphics = new PIXI.Graphics();
|
||
|
||
// Прямоугольник
|
||
graphics.beginFill(0xDE3249);
|
||
graphics.drawRect(50, 50, 100, 100);
|
||
graphics.endFill();
|
||
|
||
// lineStyle(0) необходим, чтобы нарисовать круг без внешней обводки
|
||
graphics.lineStyle(0);
|
||
graphics.beginFill(0xDE3249, 1);
|
||
graphics.drawCircle(100, 250, 50);
|
||
graphics.endFill();
|
||
|
||
// А так мы нарисуем круг без заливки. Кольцо
|
||
graphics.lineStyle(2, 0xFEEB77, 1);
|
||
graphics.beginFill(0, .5);
|
||
graphics.drawCircle(250, 250, 50);
|
||
graphics.endFill();
|
||
|
||
graphics.interactive = true;
|
||
graphics.buttonMode = true;
|
||
graphics.on('click', (event) => { console.log('Click on shape'); });
|
||
|
||
app.stage.addChild(graphics);
|