# Scale game

**URL:** <https://phaser.discourse.group/t/scale-game/2168>\
**Category:** Phaser 3\
**Created:** [April 19, 2019, 5:45pm UTC](https://phaser.discourse.group/t/scale-game/2168 "2019-04-19T17:45:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Davaaron](https://avatars.discourse-cdn.com/v4/letter/d/ba9def/32.png) [@Davaaron](https://phaser.discourse.group/u/Davaaron)\
**Post date:** [April 19, 2019, 5:45pm UTC](https://phaser.discourse.group/t/scale-game/2168/1 "2019-04-19T17:45:29Z")

</div>

Hi,

finally I found some time to play with Phaser 3. Coming from Phaser 2, I could scale the world to fit my sprites into the screen.  
Assume I have an image which is 3000×1500 and the screen resolution is 1920×980, how can I get my image scaled down to the screen resolution where the width is controlled by the height?

I know the image is far too big, but I need scaling somehow as I want to develop for different machines (Desktop and mobile (grr, I’m facing you again, iOS)).

Can I scale scenes instead of the world (Phaser 2)?

---

<div class="post-metadata">

**Author:** ![Skwal](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/skwal/32/1212_2.png) [@Skwal](https://phaser.discourse.group/u/Skwal)\
**Post date:** [April 19, 2019, 6:59pm UTC](https://phaser.discourse.group/t/scale-game/2168/2 "2019-04-19T18:59:27Z")

</div>

Hey,

You should take a look at the [ScaleManager](https://photonstorm.github.io/phaser3-docs/Phaser.Scale.ScaleManager.html)

Here’s also a good [resize example](https://labs.phaser.io/edit.html?src=src%5Cscalemanager%5Cresize.js) that can help you achieve this.

---

<div class="post-metadata">

**Author:** ![Davaaron](https://avatars.discourse-cdn.com/v4/letter/d/ba9def/32.png) [@Davaaron](https://phaser.discourse.group/u/Davaaron)\
**Post date:** [April 21, 2019, 10:18am UTC](https://phaser.discourse.group/t/scale-game/2168/3 "2019-04-21T10:18:24Z")

</div>

When I use that scale property, it says:

> Object literal may only specify known properties, and ‘scale’ does not exist in type ‘GameConfig’.

The game config looks like this:

```
const config: GameConfig = {
    type: Phaser.AUTO,
    parent: "canvas",
    width: 960,
    height: 540,
    scene: [
        Preloader,
        Main,
    ],
    scale: {
        parent: 'yourgamediv',
        mode: Phaser.Scale.FIT,
        width: 800,
        height: 600
    }

};

```

and I don’t have Phaser.Scale, only Phaser.ScaleModes.

I’m using Phaser 3.16.2 through npm.

Solved: Just downloaded the definitions file from [here](https://github.com/photonstorm/phaser3-docs/blob/master/typescript/phaser.d.ts).
