Jump to content

[TOPIC: topicViewTemplate]
[GLOBAL: userSmallPhoto]
Photo

Weird window size bug?
Started by efgames.net Dec 13 2019 01:34 AM

* * * * * 1 votes
41 replies to this topic
[TOPIC CONTROLS]
Page 2 of 2 1 2
[/TOPIC CONTROLS]
[modOptionsDropdown]
[/modOptionsDropdown]
[reputationFilter]
[TOPIC: post.html]
#26

efgames.net

[GLOBAL: userInfoPane.html]
efgames.net
  • Contributor

  • 223 posts
  • Corona SDK

@Rob

Ane news on this bug? Any ETA on fixing it?

This is critical(within html5 current state) bug - with it it is not possible to use html5 builds.



[TOPIC: post.html]
#27

Rob Miracle

[GLOBAL: userInfoPane.html]
Rob Miracle
  • Moderator

  • 26,680 posts
  • Enterprise

There is not an update on this.

 

Rob



[TOPIC: post.html]
#28

joecoronasdk

[GLOBAL: userInfoPane.html]
joecoronasdk
  • Observer

  • 28 posts
  • Corona SDK

This needs to be addressed badly. It's nearly impossible to get a decent window for Corona to run in. It's a real shame because HTML5 builds are already working pretty well.



[TOPIC: post.html]
#29

Rob Miracle

[GLOBAL: userInfoPane.html]
Rob Miracle
  • Moderator

  • 26,680 posts
  • Enterprise

The source code is here:https://github.com/coronalabs/submodule-platform-emscripten

 

We welcome pull requests. Because of other priorities this won't get looked at for a while.

 

Rob



[TOPIC: post.html]
#30

XeduR @Spyric

[GLOBAL: userInfoPane.html]
XeduR @Spyric
  • Corona Geek

  • 1,246 posts
  • Corona SDK

I am a bit late to this particular party.

 

I only quickly skimmed through the comments, but if the issue is with the app windows being too large and the content within them not scaling appropriately, then wouldn't the answer (at least temporarily) be to restrict the resolution that the apps via iframe? You'd load the default index.html that Corona produces via iframe and give the frame strict maximum width/height and aspect ratio values,



[TOPIC: post.html]
#31

mr.badim

[GLOBAL: userInfoPane.html]
mr.badim
  • Observer

  • 8 posts
  • Corona SDK

I am a bit late to this particular party.

 

I only quickly skimmed through the comments, but if the issue is with the app windows being too large and the content within them not scaling appropriately, then wouldn't the answer (at least temporarily) be to restrict the resolution that the apps via iframe? You'd load the default index.html that Corona produces via iframe and give the frame strict maximum width/height and aspect ratio values,

I think I have tryed it - still bug. But maybe I was doing iframe not right.

Can you make one and check out if it working?



[TOPIC: post.html]
#32

XeduR @Spyric

[GLOBAL: userInfoPane.html]
XeduR @Spyric
  • Corona Geek

  • 1,246 posts
  • Corona SDK

Well, I have been setting up a page where I'm sharing my projects (it should be finalised in a few more evenings, the styles still need a bit more work, etc.), but for what I have uploaded so far, the graphics on the HTML5 demos are crisp.

You can try https://xedur.com/demos/Runners/ or https://xedur.com/demos/spyricPerformance/


  • pixec likes this

[TOPIC: post.html]
#33

mr.badim

[GLOBAL: userInfoPane.html]
mr.badim
  • Observer

  • 8 posts
  • Corona SDK

Well, I have been setting up a page where I'm sharing my projects (it should be finalised in a few more evenings, the styles still need a bit more work, etc.), but for what I have uploaded so far, the graphics on the HTML5 demos are crisp.

You can try https://xedur.com/demos/Runners/ or https://xedur.com/demos/spyricPerformance/

I tryed, but it dosent look it works as you intended(I checked your css)
 
 
 
It enlarged not so much, but still - it is.
 
You using oversized art - to hide those art-related issues. That is an options when you have a small cartoon based art or vector style art. But not in option for bigger projects or pixel-art style.


[TOPIC: post.html]
#34

XeduR @Spyric

[GLOBAL: userInfoPane.html]
XeduR @Spyric
  • Corona Geek

  • 1,246 posts
  • Corona SDK

Did you tweak the site's CSS on your end or are you running the website at 125% scale, because the website's max width is set to 960 pixels, i.e. your width of 1200 should be impossible unless you manually change it using your console or unless you are zooming in (on Chrome, for instance), at which point 125% times 960px becomes that 1200px.

 

If you are doing either of those things, then of course it won't work like intended. If you are running the site as it, I don't see any reason why it wouldn't work as intended.



[TOPIC: post.html]
#35

mr.badim

[GLOBAL: userInfoPane.html]
mr.badim
  • Observer

  • 8 posts
  • Corona SDK

Did you tweak the site's CSS on your end or are you running the website at 125% scale, because the website's max width is set to 960 pixels, i.e. your width of 1200 should be impossible unless you manually change it using your console or unless you are zooming in (on Chrome, for instance), at which point 125% times 960px becomes that 1200px.

 

If you are doing either of those things, then of course it won't work like intended. If you are running the site as it, I don't see any reason why it wouldn't work as intended.

Why whould I use enlarge? When I'm trying to get rid of it. =)

https://imgur.com/WfQ4oGL



[TOPIC: post.html]
#36

XeduR @Spyric

[GLOBAL: userInfoPane.html]
XeduR @Spyric
  • Corona Geek

  • 1,246 posts
  • Corona SDK

If you haven't zoomed in or tampered with the css, then that is very strange indeed.

 

The Iframe and everything else on the page is within a wrapper that has a maximum width of 960, so a width of 1200 should be impossible. It also looks like you are using Chrome, so there shouldn't be any issues with the browser compatibility either. I'm stumped.

 

The bug (or feature) here seems to be that Corona HTML5 apps seem to expand to take as much space as they are given, i.e. they don't care about the settings in config.lua, so while that is the case, the only way to prevent them from scaling too much is to limit them via css.



[TOPIC: post.html]
#37

mr.badim

[GLOBAL: userInfoPane.html]
mr.badim
  • Observer

  • 8 posts
  • Corona SDK

If you haven't zoomed in or tampered with the css, then that is very strange indeed.

 

The Iframe and everything else on the page is within a wrapper that has a maximum width of 960, so a width of 1200 should be impossible. It also looks like you are using Chrome, so there shouldn't be any issues with the browser compatibility either. I'm stumped.

 

The bug (or feature) here seems to be that Corona HTML5 apps seem to expand to take as much space as they are given, i.e. they don't care about the settings in config.lua, so while that is the case, the only way to prevent them from scaling too much is to limit them via css.

Can you do me a favor, and sent two screenshots:

from your page with corona html5 content

from my page: http://theelitegames.net/tmp/html5_canvas_size_bug/

(plz dont resize images, or measure them before posting in any editor)

Thx!



[TOPIC: post.html]
#38

XeduR @Spyric

[GLOBAL: userInfoPane.html]
XeduR @Spyric
  • Corona Geek

  • 1,246 posts
  • Corona SDK

Please see attachments.

 

In image a, the app's size is correctly constrained to maximum of 960 pixels in width via css.

In image b, without such css, the app takes as much space on the screen as is available for it.

Attached Files



[TOPIC: post.html]
#39

mr.badim

[GLOBAL: userInfoPane.html]
mr.badim
  • Observer

  • 8 posts
  • Corona SDK

On your PC - yes. Others - not.

Did you tryed to publish your games anywhere?

I received a lot of negative feedback for html5 build state.

Atm html5 is not useable for any commercial purposes =(

(you welcome to prove me wrong)



[TOPIC: post.html]
#40

XeduR @Spyric

[GLOBAL: userInfoPane.html]
XeduR @Spyric
  • Corona Geek

  • 1,246 posts
  • Corona SDK

I did manage to barely scrape together this one HTML5 game for Ludum Dare 45: https://xedur-spyric.itch.io/get-a-job-baby

 

There are also plenty of HTML5 by PonyWolf on Itchio: https://ponywolf.itch.io/

 

The games on Itchio do not suffer from the scaling issue as Itchio uses Iframes for them.

 

-

 

I agree that Corona's HTML5 builds are not ready for commercial usage yet. There are all sorts of minor issues like fonts being misaligned, app freezing when touching anywhere outside the app window, the apps running slower than intended, and annoying crashes that should be fixed, etc. But, the HTML5 builds are in beta after all. The scaling issue, however, should be addressable with proper application of css as is evident on my GitHub pages site and Itchio.

 

Do the games on Itchio appear properly scaled to you? Also, could someone else chime in and let us know if this page (https://xedur.com/demos/Runners/) is set to 960 pixel width for them or is it set to something else?



[TOPIC: post.html]
#41

XeduR @Spyric

[GLOBAL: userInfoPane.html]
XeduR @Spyric
  • Corona Geek

  • 1,246 posts
  • Corona SDK

Speaking of weird issues, I asked several friends to tried it out. I also tested on Firefox and Edge.

We all got 960px as the width, but depending on the browser, the fonts were rendered differently. On Edge, for instance, the "Stop all runners from reaching the finish line!" was cut off on the side as it was too long. So yeah, there are issues to work out and adopting bitmap fonts would be a start.



[TOPIC: post.html]
#42

pixec

[GLOBAL: userInfoPane.html]
pixec
  • Contributor

  • 207 posts
  • Corona SDK

Works for me.


[topic_controls]
Page 2 of 2 1 2
 
[/topic_controls]