Skip to main content

excaliburjs logoDevice Dimensions

Various mobile devices and screen sizes are used to access xelly.games.

It's a good idea to make your game responsive, allowing for a range of game resolution widths — widths between 340px to 412px are good targets.

It's common, for example, to use engine.drawWidth and engine.drawHeight when laying out the entities of your game.

Aspect Ratio​

When you build your game, you'll target one of two supported aspect ratios:

  • default (4:3 ratio)
  • tall (≈ 4:5.2 — or 1.75x taller than the default ratio).

You will select an aspect ratio when you upload your game, or when testing using npm run watch:live or the xelly.games utility tool.

Here are some examples. The Golf Solitaire game below uses a default aspect ratio, while the Tetris game after it uses the tall aspect ratio:


Hey! Stop playing solitaire and Tetris, you have more docs to read! ➡️ ➡️ ➡️