Electron Projects

Scaling sprites

Just like the background, the original image for our spaceship may be either too big or too small. In my case, it is tiny, and I need to scale it a bit. Let's see how we can do that:

1. To set custom scaling in the form of a float number, use the sprite.setScale(x, y) method:

      // Create ship      ship = this.add.sprite(100, 100, 'ship');      ship.setScale(4, 4);

2. Along with the global variables, the create implementation of our game should look as follows:

      const game = new Phaser.Game(config);      let ship;      function create() {        // Create background        const image = this.add.image(          this.cameras.main.width / 2,          this.cameras.main.height / 2,          'background'        );        let scaleX = this.cameras.main.width / image.width; let scaleY = this.cameras.main.height ...