如何在pixijs中将图形转换为精灵

Question

有没有办法将图形转换为精灵？我有一个包含单个矩形的图形，我想将其转换为精灵以启用复杂的动画。

我试过

let p= new Graphics();
p.beginFill(0x000000);
p.lineStyle(0);
p.drawCircle(100, 100, 10);
p.endFill();

const t = RenderTexture.create(p.width, p.height);
renderer.render(p, t);

const sprite = new Sprite(t);

但是这不起作用。

Answer 1

var gr = new PIXI.Graphics();  
        gr.beginFill(0xFFFFFF);
        gr.lineStyle(0);
        gr.drawCircle(30, 30, 30);
        gr.endFill();

var texture = renderer.generateTexture(gr);
var circle = new PIXI.Sprite(texture);

app.stage.addChild(circle);

如何在pixijs中将图形转换为精灵

How to convert a graphic to a sprite in pixijs

pixi.js