Page 1 of 1

Output HTML5 blurry? Not retina-proof?

Posted: Thu Dec 17, 2020 1:19 pm
by williamdesmet
Hi there,

First attempt at HTML5 and despite the large loading time it works.
But the output is not sharp at all. It is blurry, nor retina(?) proof?
That is for images, text and even for simple 'oval' graphics.
Is there a way to get it better?

Greetings,

William (iMac retina 4K)

Re: Output HTML5 blurry? Not retina-proof?

Posted: Thu Dec 17, 2020 1:34 pm
by richmond62
I wonder what format the HTML5 standalone builder exports LiveCode images to?

Just run off an image-intensive stack as an HTML stack and waiting 'forever' for the blasted thing to load.

The original stack (image at 30% of original) looks like this:
-
Screenshot 2020-12-17 at 14.40.23.png
Screenshot 2020-12-17 at 14.40.23.png (132.61 KiB) Viewed 9075 times
-
OK, OK: I'll just pop off for my lunch while the thing tries to load . . . :(

Re: Output HTML5 blurry? Not retina-proof?

Posted: Thu Dec 17, 2020 2:27 pm
by richmond62
So; after 60 minutes the thing has not loaded.

At this point I was going to say something unrepeatedly coarse and get on with something else, but foolishly, I decide to reduce
that stack to a single card; and as I was hiving off an HTML standalone the title picture went "all black"

(admittedly this may have something to do with macOS 11.1 playing 'silly buggers' with PNG images imported into Livecode):
-
Screenshot 2020-12-17 at 15.29.31.png
Screenshot 2020-12-17 at 15.29.31.png (19.75 KiB) Viewed 9064 times
-
So, then tried to load that HTML5 'thang' . . .

Churning
-
churning.jpeg
churning.jpeg (8.77 KiB) Viewed 9064 times
-
Cripes . . . NBG.

Re: Output HTML5 blurry? Not retina-proof?

Posted: Thu Dec 17, 2020 2:36 pm
by williamdesmet
It didn't work for me locally but only when I put the files on my webserver.
Localhost takes forever to load with Safari or Chrome (from the Test button in the IDE).
On my webserver it takes about 20 sec. I think to load the file(s).

Re: Output HTML5 blurry? Not retina-proof?

Posted: Thu Dec 17, 2020 2:46 pm
by richmond62
The odd thing is that somewhere inside the HTML5 standalone folder I would expect to find
versions of images from the original stack, and am unable to.

Presumably (?) images are encoded in either the

standalone-community-9.6.1.html.mem

or the

standalone-community-9.6.1.js

especially as the HTML5 standalone comes in with amazing bloat at 41.8 MB

(compared with 17.4 MB for a macOS build from the same stack).

2.5 times bigger than a macOS build.

Re: Output HTML5 blurry? Not retina-proof?

Posted: Thu Dec 17, 2020 2:53 pm
by williamdesmet
Yes, no seperate images but somewhere within these files indeed.
And no question answered yet.

Why is everything so blurry?
Anyone?

Re: Output HTML5 blurry? Not retina-proof?

Posted: Thu Dec 17, 2020 5:19 pm
by jacque
Maybe you need to use images with higher resolution.

Re: Output HTML5 blurry? Not retina-proof?

Posted: Fri Dec 18, 2020 9:33 am
by williamdesmet
It is not just images.
It is also text, svg widgets and simple graphic ovals,

Re: Output HTML5 blurry? Not retina-proof?

Posted: Fri Dec 18, 2020 7:19 pm
by jacque
I don't know why everything is blurry, but if the images were imported as controls then they have become embedded in the stack file as binary code. They won't exist outside the app.

I'm just guessing, but load times might be faster if the images are referenced instead.