Hi,

Cocos has a design resolution which using the resolution policy of no border strectches the images with distortion. The reoslution chosen works well even on high resolution devices due to the screen size being small.

Hope this helps.

Hi again,

So if I design the game for a 1600x2560 screen resolution taking the psd file you shared into consideration, the game should work on all the devices, right? What should I specify for the design resolution in code?

Thank you :-)

Yes it should, all the information regarding resolutions are in our videos.

Thanks for the help. I watched the videos all over again. I have one more question.

Here is the iPad Air screenshot:

And here is the iPhone 6 Plus screenshot:

The image I used (the blue background with the word Logo on it) is 768x400. I also set the design resolution to 768x1136 in portrait mode. You can see on iPhone 6 Plus, there is a smaller gap on the right of the Logo text compared to iPad Air. Any idea why? Am I doing something wrong?

EDIT: Is it because of the NO_BORDER policy because what I understand is NO_BORDER policy zooms the scene to remove the possible borders that may appear around the scene. If that’s the case then I should never design the scene assuming that the width of the screen will be exactly 768 pixels, right?

Thanks again for the help :-)

Yes you are correct, it is because of the NO_BORDER policy.

Developing for high-resolution displays often requires different image resources for each image. Because of this, there’s been a need for a more standard way of serving responsive content images – ones that adapt to different resolutions and viewport sizes using softwares similar to rgbfusion