Output HTML5 blurry? Not retina-proof?

Bringing your stacks to the web

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

Post Reply
williamdesmet
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 66
Joined: Tue Jun 26, 2012 7:07 pm

Output HTML5 blurry? Not retina-proof?

Post by williamdesmet » Thu Dec 17, 2020 1:19 pm

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)

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9251
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Output HTML5 blurry? Not retina-proof?

Post by richmond62 » Thu Dec 17, 2020 1:34 pm

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 5540 times
-
OK, OK: I'll just pop off for my lunch while the thing tries to load . . . :(

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9251
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Output HTML5 blurry? Not retina-proof?

Post by richmond62 » Thu Dec 17, 2020 2:27 pm

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 5529 times
-
So, then tried to load that HTML5 'thang' . . .

Churning
-
churning.jpeg
churning.jpeg (8.77 KiB) Viewed 5529 times
-
Cripes . . . NBG.
Last edited by richmond62 on Thu Dec 17, 2020 3:42 pm, edited 1 time in total.

williamdesmet
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 66
Joined: Tue Jun 26, 2012 7:07 pm

Re: Output HTML5 blurry? Not retina-proof?

Post by williamdesmet » Thu Dec 17, 2020 2:36 pm

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

richmond62
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 9251
Joined: Fri Feb 19, 2010 10:17 am
Location: Bulgaria

Re: Output HTML5 blurry? Not retina-proof?

Post by richmond62 » Thu Dec 17, 2020 2:46 pm

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.

williamdesmet
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 66
Joined: Tue Jun 26, 2012 7:07 pm

Re: Output HTML5 blurry? Not retina-proof?

Post by williamdesmet » Thu Dec 17, 2020 2:53 pm

Yes, no seperate images but somewhere within these files indeed.
And no question answered yet.

Why is everything so blurry?
Anyone?

jacque
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 7210
Joined: Sat Apr 08, 2006 8:31 pm
Location: Minneapolis MN
Contact:

Re: Output HTML5 blurry? Not retina-proof?

Post by jacque » Thu Dec 17, 2020 5:19 pm

Maybe you need to use images with higher resolution.
Jacqueline Landman Gay | jacque at hyperactivesw dot com
HyperActive Software | http://www.hyperactivesw.com

williamdesmet
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 66
Joined: Tue Jun 26, 2012 7:07 pm

Re: Output HTML5 blurry? Not retina-proof?

Post by williamdesmet » Fri Dec 18, 2020 9:33 am

It is not just images.
It is also text, svg widgets and simple graphic ovals,

jacque
VIP Livecode Opensource Backer
VIP Livecode Opensource Backer
Posts: 7210
Joined: Sat Apr 08, 2006 8:31 pm
Location: Minneapolis MN
Contact:

Re: Output HTML5 blurry? Not retina-proof?

Post by jacque » Fri Dec 18, 2020 7:19 pm

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.
Jacqueline Landman Gay | jacque at hyperactivesw dot com
HyperActive Software | http://www.hyperactivesw.com

Post Reply

Return to “HTML5”