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

Get help using Construct 2

Post » Wed Jul 09, 2014 7:51 am

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: Image
vs
Export: Image

How do I go about fixing these?
B
3
Posts: 8
Reputation: 191

Post » Wed Jul 09, 2014 11:43 am

Well, your screenshots show the window size has changed, so presumably you have not set up support for multiple screen sizes properly.
Scirra Founder
B
395
S
233
G
88
Posts: 24,376
Reputation: 193,842

Post » Wed Jul 09, 2014 7:09 pm

Ashley wrote: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:

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.
B
3
Posts: 8
Reputation: 191

Post » Thu Jul 10, 2014 11:49 pm

Having the same problem. Bump.
B
2
Posts: 8
Reputation: 227

Post » Fri Jul 11, 2014 12:00 am

Minor issue to talk about, try fixing the resolution, like ratio 19:6 or 8:6
ImageImageImageImageImage
B
56
S
15
G
5
Posts: 852
Reputation: 11,431

Post » Fri Jul 11, 2014 6:34 am

Naji wrote: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.
B
2
Posts: 8
Reputation: 227

Post » Fri Jul 11, 2014 10:51 am

@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! :D
See this pic to know what I mean:
c2res.PNG
You do not have the required permissions to view the files attached to this post.
ImageImageImageImageImage
B
56
S
15
G
5
Posts: 852
Reputation: 11,431

Post » Fri Jul 11, 2014 10:08 pm

Naji wrote:@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! :D
See this pic to know what I mean:
c2res.PNG

If I do that it leaves most of my game out of the screen.
B
2
Posts: 8
Reputation: 227

Post » Mon Jul 14, 2014 5:58 am

Bump.
B
2
Posts: 8
Reputation: 227


Return to How do I....?

Who is online

Users browsing this forum: Cub3D, David181, yiuyiu6666 and 23 guests