0
\$\begingroup\$

I have an isometric grid with 64x32 diamond images. Each tile is a class, each instance is in a 2D array.

Players have different screen resolutions and the grid must take up the whole screen. Additionally, every player should always see the same tiles (so nobody has an advantage).

The only thing I could think of was to change the tile size: Bigger screen, bigger tiles.

I suppose I could do this by resizing my existing tile images, but is there a better way?

\$\endgroup\$
  • 1
    \$\begingroup\$ It seems like you already have a solution. So what exactly is your question? \$\endgroup\$ – Philipp Feb 13 '14 at 17:23
  • \$\begingroup\$ If there's no obviously better way to do this than image re-sizing, how do I figure out which size image to use depending on the resolution? If there is an obviously better way, what would you suggest? \$\endgroup\$ – Nicolas M Feb 13 '14 at 17:25
  • \$\begingroup\$ You correctly said yourself that having differently sized images is the only way you can do this. There's no way of having differently sized versions of the same images other than by resizing those images. (Whether you do that procedurally or ahead of time is a different matter, but largely irrelevant.) What is it you still need help with? \$\endgroup\$ – Anko Feb 14 '14 at 0:54
  • \$\begingroup\$ Just watch out that scaling the same assets to different screen resolutions won't always look great, especially for pixel art. You may need to consider using multiple sets of assets, or padding/framing, to get the look you want on each supported resolution. \$\endgroup\$ – DMGregory Oct 14 '16 at 21:18
  • \$\begingroup\$ This question is asked so often that I firmly believe that there needs to be a website dedicated to the answer. It would be a single page with only one sentence: "There is no way to do this, so stop asking; give up and move onto 3D like everyone else." \$\endgroup\$ – Krythic Oct 15 '16 at 0:54
0
\$\begingroup\$
  1. Define 'supported' default resolution: 4:3, 16:9.
  2. In 16:9, plan your grid as a 4:3 and put it on the left side of the screen, and have menu/control items on the right side of the screen (the side having a black or more appropriate background).
  3. In 4:3, have your grid full screen but your menu/control items as overlays over your grid.
  4. On other resolutions, check if it's more like a 4:3 or for a 16:9 and set up screen accordingly, then stretch/compress the result before displaying it full-screen.
\$\endgroup\$
  • \$\begingroup\$ Thanks! isn't 16:9 the same as 4:3 though? \$\endgroup\$ – Nicolas M Feb 13 '14 at 19:05
  • 1
    \$\begingroup\$ No. That's basic maths... These are ratios: 4:3 is something like 1024x768 while 16:9 is more like 1920x1080 (1080p, full hd). 16:9 and 16:10 are considered wide-screen. Check what's the most common setup of your player and optimize for that. \$\endgroup\$ – Vaillancourt Feb 13 '14 at 19:29

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.