如何在 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);
      
    }
  }

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

那么有没有更好/推荐的方法来添加重复images/backgrounds？

Answer 1

您正在寻找：Phaser.GameObjects.TileSprite (link to the documentation)

...
A TileSprite is a Sprite that has a repeating texture.
...

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

这是一个小 example on phaser.io，您可以在其中看到它的实际效果。

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

How do you add repeating images in Phaser?

html

javascript

phaser-framework