DemoPad.com

I'm new to DemoPad, migrating an iRule implementation that's been in place for 7-8 years.

The main device being used as a controller here is an iPad Air, 2019 version. This device has a different resolution than most of the other iPads - it is 2224 x 1668 (Landscape).

I'm having a hard time understanding a few things:

1. When designing the graphics in Photoshop, what resolution should I be designing to? For example, would a large background image meant to fill the whole screen be done at 2224 x 1668?

2. What resolution should the project be set at in DemoPad Designer? It only gives one option for an iPad project, doesn't allow for choosing different versions of the device.

3. Should I be checking the "Use Retina Images" box in the software?

4. Should I have a structure within my directory housing @1x, @2x and @3x images?

Thanks.

1/2. If you are only wanting to deploy to that iPad, you can set the project resolution to be exactly that, once you create the project go to the resize project menu on the project settings tab. Make sure though that you enable 'Autosize' from the same menu, as the app by default assumes you are using a 1024x768 canvas, and scales accordingly.

3.Use retina images option when dragging images onto the canvas simply scales them by 50% (without affecting the original image file). So if you are working on a 1024x768 canvas (default) and want crisp images on a 2048x1536 device, then your images should be twice as big as shown on the canvas.

4. No. Autosize option takes care of loading onto devices with different resolutions.

Thanks for the quick reply! That definitely helped me to get it corrected.