PIXI RenderTexture "use RenderTexture.create instead of the ctor directly" 警告

Question

在 PIXI.js 中，我正在从自定义图形创建纹理以用作精灵（因此我可以为其添加交互性。代码如下所示：

function makeTextureFromGraphics(props) {
  const gfx = new PIXI.Graphics()
  gfx.beginFill(props.fill)
  /* ...make my graphics here... */
  gfx.endFill()

  const texture = new PIXI.RenderTexture(app.renderer, props.size , props.size)
  texture.render(gfx)
  return texture
}

然后我用自定义道具创建纹理并创建精灵：

const myTexture = makeTextureFromGraphics(myprops)
const sprite = new PIXI.Sprite(myTexture)
sprite.on('pointerup', pointerUpCallback)

然后我将精灵添加到应用程序中，如下所示：

app.stage.addChild(sprite)

使用这样的设置我收到警告：

Please use RenderTexture.create(10, 10) instead of the ctor directly.

能否请您提供一些提示，说明如何重构代码以使其与 RenderTexture.create 内联？

在 docs 我找到了例子：

let renderTexture = PIXI.RenderTexture.create(800, 600);
let sprite = PIXI.Sprite.fromImage("spinObj_01.png");
renderer.render(sprite, renderTexture);

但它从图像而不是图形渲染精灵，而且 renderTexture 没有引用我的图形。

Answer 1

这是示例，它从图形生成纹理而没有警告

var graphics = new PIXI.Graphics();
graphics.beginFill(0xff22aa);
graphics.drawRect(0, 0, 50, 50);
graphics.endFill();

var texture = app.renderer.generateTexture(graphics);

var sprite = new PIXI.Sprite(texture);
app.stage.addChild(sprite);

https://repl.it/@CurlyBrace/PixiTexture

PIXI RenderTexture "use RenderTexture.create instead of the ctor directly" 警告

PIXI RenderTexture "use RenderTexture.create instead of the ctor directly" warning

canvas

sprite

pixi.js

render-to-texture