PIXI.js中RenderTexture构造器警告：如何改用RenderTexture.create重构代码？

别担心，这个警告很好修复，适配自定义Graphics的逻辑其实和官方示例思路一致，只是把图片Sprite换成你自己的Graphics对象就行。我帮你一步步重构代码：

核心改动点 #

原来的代码直接实例化PIXI.RenderTexture，现在需要替换成官方推荐的静态方法PIXI.RenderTexture.create()，同时调整渲染Graphics到纹理的方式——用渲染器的render()方法替代纹理自身的render()方法（后者已被官方废弃）。

重构后的完整代码 #

function makeTextureFromGraphics(props) {
  const gfx = new PIXI.Graphics();
  gfx.beginFill(props.fill);
  /* ...这里保留你原来绘制图形的代码... */
  gfx.endFill();

  // 用RenderTexture.create替代直接new RenderTexture
  const texture = PIXI.RenderTexture.create({
    width: props.size,
    height: props.size // 如果是正方形可共用一个值，非正方形可分开传入width/height
  });

  // 用app.renderer.render将Graphics渲染到目标纹理上
  app.renderer.render(gfx, { renderTexture: texture });

  return texture;
}

创建Sprite和添加交互的部分完全不用修改，保持原有逻辑即可：

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

改动说明 #

• RenderTexture.create()是PIXI官方主推的渲染纹理创建方式，它会自动处理内部资源管理与兼容性问题，避免直接调用构造函数带来的潜在风险
• 使用app.renderer.render(target, options)是当前标准的渲染到纹理的方式，通过第二个参数的renderTexture指定目标纹理，比旧的texture.render(target)更灵活且符合API规范

这样修改后，警告会消失，同时自定义Graphics生成的Sprite交互性完全不受影响~

内容的提问来源于stack exchange，提问作者mtx