Game scale

[meanderingleaf]

Okay, this might be asking a wild question:

 

Is it possible to scale the entire game up?

 

I'm looking to create art assets in a 16x16 ratio, and scale the entire game up so it looks like they take up 32x32 (in a method similar to Flixel).

 

Thanks all.

[meanderingleaf]

Ah, here we are, assuming that the game starts out at 400x300, this will double its size:

 

this.game.stage.scale.minWidth = 800;this.game.stage.scale.minHeight = 600;this.game.stage.scale.setSize();

 

[rich]

Yup, if you've got a pixel art style then you should using the smoothing function in Phaser.Utils.Canvas too (it doesn't work universally, but browsers are getting better!)

[meanderingleaf]

Thanks rich, taking a look at that now!

[toto88x]

Yup, if you've got a pixel art style then you should using the smoothing function in Phaser.Utils.Canvas too (it doesn't work universally, but browsers are getting better!)

 

This looks super interesting! Are you talking about setSmoothingEnabled(context, value)? If so, I'm no sure how to use it. What should I put as "context"?

And do you know which browser don't support this?

Thanks!

[rich]

game.context would be the context.

 

You would set the game size to be small, say 320x480 then scale the canvas to be double that.

 

This article covers the current state of support: http://html5hub.com/state-of-nearest-neighbor-interpolation-in-canvas/