Canvas PIXI RenderTexture“使用RenderTexture.create而不是直接使用ctor”警告

Canvas PIXI RenderTexture“使用RenderTexture.create而不是直接使用ctor”警告,canvas,sprite,pixi.js,render-to-texture,Canvas,Sprite,Pixi.js,Render To Texture,在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.ren

在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)
通过这种设置,我得到警告:

请使用RenderTexture.create10,10,而不是直接使用ctor

你能给出一些提示如何重构代码,使其与RenderTexture.create内联吗

在我找到的示例中:

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

但它从图像而不是图形渲染精灵,而且renderTexture并没有参考我的图形

下面是一个示例,它从图形生成纹理而不显示警告

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);