Graphics Assets Best Practices

[juanvldz]

I am building a game that I want to be resizable for different devices. I am wondering what dimensions to create graphics at (e.g. design for highest possible resolution and scale down vs. design for lower resolution). Suggestions?

[yannick]

How many pixels? wondering about target resolution

EDIT: Check this repo. https://github.com/yandeu/phaser3-optimal-resolution I do it like this for mobile devices: In my current game I use 360x640 times DPR as base resolution. I draw my assets 4 times the base resolution and generate multiple atlases based on it. So @1, @1.5, @2, @2.5,… , @4. This is how I calculate the width and height of the canvas: const roundHalf = num => Math.round(num * 2) / 2 export const DPR = roundHalf(window.devicePixelRatio) const { width, height } = window.…

[juanvldz]

Thanks … very helpful.