• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Recommended Stage Dimensions for App Development

New Here ,
Feb 15, 2023 Feb 15, 2023

Copy link to clipboard

Copied

What is the recommended stage dimensions when developing an app in Adobe animate? I've done a lot of prep work and would like to double check what stage dimensions I should be using for a game. I intend to upload my game/app to playstore and apple store.

Views

317

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Feb 15, 2023 Feb 15, 2023

Copy link to clipboard

Copied

If it is to be a utility app, where your code is drawing all of the interface, you could take on the size of the screen you are given, and lay out the buttons and fields to fill the area.

If the app is more like animation, ActionScript has different stage modes you can use. The default one is ShowAll. With ShowAll the stage is scaled so that all of the stage content is visible, and if the device screen is wider than the scaled stage width, whatever content was off the sides of the stage will be revealed. If the device screen is taller than the scaled stage height, whatever was off the top and bottom of the stage is revealed.

So, you would then design the animation to fill a stage that is the midpoint of what you think devices will have available. Screen rations are roughtly (these are landscape numbers) 2:1 to 4:3. If you designed your animation on a 16:9 screen, with extra graphics above and below that, 4:3 screens would be shown the extra vertical content. If you're on a 2:1 wide device, the extra content to the left and right of the 16:9 stage would be revealed.

As vectors scale niceley, and with bitmaps you could have them at say 50% if their true size, using a stage of 1920x1080 would still be good looking on a much larger device. To have enough content for a 2:1 device, you would want graphics as wide as 2160, and for 4:3 devices you would want graphics as tall as 1440. You would make sure everything that is important is visible in the 1920x1080 area, and have less important graphics in the areas outside of that.

To play safe, for devices that are wider than 2:1, you may as well have graphics as wide as 2560. That would be enough for devices that are 2.37:1 wide.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 15, 2023 Feb 15, 2023

Copy link to clipboard

Copied

LATEST

Hi.

 

Adding to Colin's answer, usually 16:9 aspect ratio dimensions are the most commonly used especially for games. For example:

 

image.png

https://en.wikipedia.org/wiki/16:9_aspect_ratio

 

I usually like to use 960 x 540 or 1280 x 720 because I prefer to prepare my content to be scaled up than scaled down so that I favor older devices.

 

Hope it helps.

 

Regards,

JC

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines