Weird window size bug?

Beta Testing HTML5
#21

I really really want the code you used to generate the two images with the text “Problem Problem Problem” and “Better” 

I want to see how you’re sizing the images. 

Looking at what you sent, you’re trying to take a 76x76 image and scale it up to something quite large. In digital imagery, any time you size up an image it gets blurry. This is why we let you specify @2x and @4x images so you can provided resolution preferred images instead of trying to enlarge something beyond what it can do.

Looking at those images, it seems like you’re managing to get a resize done with a different resampling method. By default, Corona uses a method that works well for taking a large image and making it smaller, but going larger means the image becomes blurry. You can go in to Photoshop and do this yourself. Blow your 76x76 up to say 760x760 and see how blurry it gets. But you can play with the different resample methods and find something that’s better with enlargements, but it’s still not good, but for some pixel art it’s tolerable.

Corona lets you change the method. See: http://docs.coronalabs.com/api/library/display/setDefault.html#texture-keys and the magTextureFilter option and try setting it to Linear. If you do this, Corona will scale your images up using a method kinder to pixel art.

Rob

#22

@Rob

I do use “texture-keys” for my pixel art games already.

I do NOT do resize. Resize is done by corona - without my consent.

I marked with green(at attached image in previous post) - corona thinks it is 100% scale(BUG!).

That is something that I’m trying to turn off, or report to you - and asking to fix it. (Is it this hard?)

I’m not trying to ask how scaling works - sorry for my English. I’m trying to report a BUG.

Just to be clear - I dont resize anything. Corona*HTML5 doing that. I’m trying to ask you - how to disable scaling for html5 builds. Reason - it is bugged.

Can you make “build.settings@resizable=false” to work? Or remove default scaling if it turned off?

#23

That resizable option is for desktop window resizing. Maybe you want adaptive scaling and handle everything yourself?

https://docs.coronalabs.com/guide/system/adaptiveScale/index.html#adaptive

#24

Yes, I d love to handle scaling by my self. That would be great. If that would work. It does NOT(I rebuilded test project):

#25

@Rob

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

(this is super big-issue that is super fast&easy to fix =))

#26

@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.

#27

There is not an update on this.

Rob

#28

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.

#29

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

#30

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,

#31

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?

#32

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/

#33

I tryed, but it dosent look it works as you intended(I checked your css)

https://imgur.com/zFDQtPw

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.

#34

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.

#35

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

https://imgur.com/WfQ4oGL

#36

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.

#37

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!

#38

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.

#39

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)

#40

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?