Once again, Adventuron's weird scaling is driving me mad. I am extending the two theme (only colours and system text) and I have not made any changes to the screen display settings. I've created a new project in itch.io using the recommendations in the Adventuron CaveJam from last year. My title screen is 320 by 240. That's a 4:3 aspect ration, which I thought was pretty reasonable. When the game initially runs, the title screen fills the browser window. If the browser window is maximised, the bottom of the title screen (in my case, the part with the game title) is chopped off. If the browser window is restored, I can resize it to (say) half the screen width so that I can see the whole of the title screen. Why isn't Adventuron automatically restricting the resizing of the title screen so that it is fully contained within the browser window? It looks like it is only taking the width into account and ignoring the height.
When I click the mouse, the game changes to full screen, i.e. no window frame or borders or title bar or menu bar. The game is then unusable, as the screen is too wide. The 8x8 image in the separator is disproportionately large compared to the 16x16 font used for the text. The spacing above and below the status bar is different to what it was when using the editor and now looks unbalanced.
I then tried embedding it in the page using a 640x480 iframe. This time, itch.io screwed it up by adding extra padding at the top and chopping it off at the right. When I clicked to get past the title screen, it ignored the itch.io settings and jumped to full screen. (I think this is an Adventuron setting.) Once again, unusable, so I pressed Escape to get back to the embedded mode and itch.io had chopped it off at the right so that the score in the status bar was truncated. By resizing the window, I was able to fix the truncated iframe at the point where the page's screen grab disappeared.
I then tried 320x240 (as this was the size of the title screen. This time, the image fitted horizontally, but the extra padding at the top and the addition of an unnecessary horizontal scroll bar caused the bottom of the image to be chopped off. Click to get to the text screen and the text was ridiculously big and the separator was tiny with the image partially repeated at the bottom!
When I tried it on my mobile phone, my custom separator did not appear at all, but reverted to the single red line from the two theme. I also noticed that my beeped music sounds absolutely awful on mobile. The notes are higher and the timing is all wrong compared to the desktop version. In addition, the default bright blue (colour 9) that looks fine on the desktop is far too dark to read on mobile, so I'll have to change the colours.
I thought my game was finished and looking very polished, but when deployed to itch.io, it looks like crap on both desktop and mobile. Any suggestions for title screen image size and other display settings that will work universally where the TWO theme fails me?
