How do I make exported game look/work like the preview?

0 favourites
  • 9 posts
From the Asset Store
20 high quality click sounds, ready to improve your game's UI instantly
  • I recently finished working on a project and when previewed it looks and works just fine. However, after exporting the game (to HTML5 website), there seem to be a few issues. Some of my background animation seems off and does not work like it does in the previews. Also, some of the text boxes which I placed on a layout seem to appear misplaced in the final exported file (example below):

    Preview:

    vs

    Export:

    How do I go about fixing these?

  • Well, your screenshots show the window size has changed, so presumably you have not set up support for multiple screen sizes properly.

  • Well, your screenshots show the window size has changed, so presumably you have not set up support for multiple screen sizes properly.

    I used the supporting multiple screen sizes tutorial to setup multiple screen sizes. I can't post a link here but here is what it says:

    [quote:26qktumn]A common misconception is that you need to target a specific resolution, like 1280x720. However, there are so many different resolutions used that it's ridiculous to pick just one. It's much better to pick an aspect ratio, then scale the game to fit that. For example, instead of 1280x720, target the 16:9 aspect ratio. (Just enter any 16:9 resolution for the window size in Project Properties.) Enable Letterbox scale in the Fullscreen-in-browser project property, and now your game should appear correctly on any 16:9 resolution. If the display is not 16:9 then black bars appear down the sides, which helps prevent unintended display issues like accidentally seeing too much of the level or menu screen. Note if you are designing a pixellated retro-style game, you may want to use Letterbox integer scale instead.

    The rest of this tutorial will cover the tools available to you in more detail. It's still worth reading even if you use the quick solution above. You can even support different aspect ratios if you are willing to design your game more carefully.

  • Having the same problem. Bump.

  • Minor issue to talk about, try fixing the resolution, like ratio 19:6 or 8:6

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Minor issue to talk about, try fixing the resolution, like ratio 19:6 or 8:6

    How do I do that? Current resolution is 768x1280.

  • srahimeen click on the project file and look for the Windows size, and change the resolution either to 1900,600 or to 800,600 either ways work!

    See this pic to know what I mean:

    [attachment=0:1c8ap4jh][/attachment:1c8ap4jh]

  • srahimeen click on the project file and look for the Windows size, and change the resolution either to 1900,600 or to 800,600 either ways work!

    See this pic to know what I mean:

    [attachment=0:3ib91lbj][/attachment:3ib91lbj]

    If I do that it leaves most of my game out of the screen.

  • Bump.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)