如何在 Phaser 中添加重复图像？

Question

在我的 Phaser 游戏中，我想使用类似细胞的背景纹理，当你移动时它也会移动。

我的想法是将每个单元格添加到 for 循环中，如下所示：

  let width=100, height=100;
  for(let y=0;y<width;y++){
    ;
    for(let x=0; x<height;x++){
    
      this.physics.add.image(width/2+64*x, height/2+64*y, "snow_field").setScale(4,4);
      
    }
  }

问题：游戏变得非常（非常）慢

那么有没有更好/推荐的方法来添加重复图像/背景？

Answer 1

您正在寻找Phaser.GameObjects.TileSprite（文档链接）

...
TileSprite 是具有重复纹理的 Sprite。
...

this.add.tileSprite(posX, posY, width, height, "snow_field");

这是一个小的官方示例，您可以在其中看到它的实际效果。