Space Shooter — Gussying Up

So, I had a bit of a long-standing issue where the UI in my space shooter did not act nicely with itch.io. Unfortunately, I fixed the issue, so I can’t provide an image, but imagine that about 10% of the screen was missing in each direction, meaning that parts of the UI were not visible. The weird part about it? It worked fine on my desktop. So, long story short, I followed this guide to fix the problem.

[embed]

The summary of the steps:

• Ensure your Canvas is set to Scale With Screen Size, pick a Reference Resolution that is approximately the average screen (1920x1080 was suggested), set the Screen Match Mode to Match Width or Height, set Match to 0.5.
• Fix all the bits of your UI that get messed up by this because they weren’t anchored to a corner or are now too small.
• Build your Web project
• Upload to itch.io
• Set your display to 960x590

So, why does it do this? Well, one theory is that it has to do with an additional header/footer that itch.io adds and that all you need to do is add those 50 pixels. Personally, I did not see this, but raising the resolution, pain as it was, did fix the problem. So, how, you can properly play my game in all its glory.

[embed]Galaxy Shooter Generic Space Shooter. Play in your browserduggansc.itch.io

Oh, and Another Thing

One other vexation I was facing was that the screenshots I provided for my page weren’t showing up. As it turns out, that’s a Theme thing. The default “Auto” setting for screenshots doesn’t display them for WebGL games. You have to explicitly set them to be shown.

The video that guided me to fixing this:

[embed]