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

21r*_*1rw 3 pixi.js

有没有办法将图形转换为精灵?我有一个包含单个矩形的图形,并希望将其转换为精灵以启用复杂的动画。

我试过做

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);
Run Code Online (Sandbox Code Playgroud)

然而,这是行不通的。

Aiv*_*ras 9

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);
Run Code Online (Sandbox Code Playgroud)

  • 什么是渲染器?我遇到了同样的问题,但我的班级不知道渲染器是什么 (3认同)
  • 渲染器是 app 变量的一个 prop (2认同)