为什么我的 pixi.js 位移贴图在我更换时会变黑

Question

这是我用来插入它的代码。它适用于我从代码笔示例中抓取的地图，但是当我创建自己的.png时，稍大一点，原始图像的屏幕空间和置换贴图变黑。我做错了什么？

  const createRipple = () => {
  const sprite = new PIXI.Sprite(PIXI.loader.resources['map2.png'].texture);
  sprite.anchor.set(0.5);
  sprite.scale.set(2);
  stage.addChild(sprite);
  const filter = new PIXI.filters.DisplacementFilter(sprite);
  stage.filters = [filter];
  return {
    update: () => {
      const mouse = renderer.plugins.interaction.mouse.global;
      sprite.position.x = mouse.x;
      sprite.position.y = mouse.y;
      // center canvas inside #main
      $('canvas').css('margin-left', ($('#main').width() - $('canvas').width())/2)
    }
  };
};

Answer 1

PNG 文件的尺寸是多少？除非尺寸是 2 的幂，否则它可能不起作用。