HTML5 not working with Voila

Solar2D General Questions/Discussion
#1

A colleage/tester for one of my HTML5 games reports that it will not load with Chrome+Voila. When he disabled or removed Voila, the game worked.

Voila is the AI assistant for Chrome, so must have some kind of hooks into every page that is loaded. I will try to replicate it, but it seems pretty nasty. I have another tester who cannot get it to load, but we have not figured it out yet. It is very frustrating. History_C-E

So far, I have not been able to quite replicate it. I installed Voila on Chrome, got an error once or twice, but reload worked. Below is one of the errors, but it seems pretty random.

7Failed to decode downloaded font: blob:Understand this warningAI
index.html:1 OTS parsing error: invalid sfntVersion: -1594171375Understand this warningAI
index.html:1 OTS parsing error: invalid sfntVersion: -785563711Understand this warningAI
index.html:1 OTS parsing error: invalid sfntVersion: 1322019202Understand this warningAI
index.html:1 OTS parsing error: invalid sfntVersion: 1729919210Understand this warningAI
index.html:1 OTS parsing error: invalid sfntVersion: 902311880Understand this warningAI
index.html:1 OTS parsing error: invalid sfntVersion: -191629933Understand this warningAI
index.html:1 OTS parsing error: invalid sfntVersion: -1227435115

#2

I was able to replicate it – with Voila in the browser, none of the buttons work. The page loads, all works fine, but the UI does not respond to any input. Turning off the Voila extension, (and reload) the UI works. Turning it back on, (and reload) the UI doesn’t respond.

#3

So, it appears this is not being fixed in html5, and more and more users are using Voila (AI extension). Is there hope that this will be resolved, or do I need to think of switching to Defold? Perhaps no one uses the html5 except me? (The fonts don’t work after version 2024.3711 either, as I wrote in a different post.) A third issue that I correct for, but is annoying is the different vertical alignment of text and graphic objects in Chrome – and different for Safari and Firefox. A really annoying challenge. Perhaps this is why html5 has been in beta for several years?

#4

Some more info on this issue, touch events still work fine if uploading the game to poki or itch.io. Not sure why.

#5

image
image1741×531 135 KB

It was definitely covered by the voila div, tried dragging it to the top, everything worked. Need to find a way to push the Solar2D game div to the top.

#6

image
I’m not too good at web programming, but the problem could be solved if emscripten_border could be moved to bottom or move voila-extension-app to the top body tag.

#7

Hey @Kan98 ,

How do you manage to run your games in the Poki environment (https://inspector.poki.dev/?)? Some time ago, my games could be tested in the Poki Inspector, but with the latest updates to Solar2D, after the splash screen appears, the entire screen just stays black and nothing is displayed. I’ve even tried with empty projects, and it’s always the same behavior.

#8

I thought that was a Poki change, now you just copy the localhost url (open after build) and open it with poki inspector, it’s even faster because you don’t need to change the zip file every time you build.

#9

Yes, I just tested it using the localhost URL, and it works (though not as a .zip file). However, the Solar2D HTML5 builds have recently stopped working in the Poki environment.

#10

The easiest way to solve this issue is to use iframes to wrap the Solar2D game.