HTML5 builds having trouble with Mozilla Firefox

98 views
Skip to first unread message

Michael Lee

unread,
Jul 7, 2015, 3:23:51 AM7/7/15
to haxef...@googlegroups.com
I've been playing around with building to HTML 5 and for whatever reason I cannot get the default blank HaxeFlixel project to correctly run on Mozilla Firefox. Chrome works just fine, but Firefox gets stuck and never gets to the black screen with mouse cursor.

I've checked to make sure all assets are loading properly (fonts and ogg sounds) have have tried with and without the preloader. I've also set <set name="no-custom-backend" /> before setting the Flixel lib. I'm using the most updated versions of all libraries at this point with HaxeFlixel [3.3.10], Lime [2.4.7], and OpenFL [3.1.1]. Firefox is also updated to the current release.

I feel like there must be something simple I'm missing here... any help is appreciated!

SruloArt

unread,
Jul 7, 2015, 4:11:26 AM7/7/15
to haxef...@googlegroups.com
It's a lime issue: https://github.com/openfl/lime/issues/493...should be fixed pretty soon :)

Moshe Adriano Yosef Feit

unread,
Jul 7, 2015, 9:58:43 AM7/7/15
to haxef...@googlegroups.com
Is it the same with IE?

So, after updating via haxelib update, when I try to debug with HTML, it's always stuck in this loading process. Even a new project with a little modification in the MenuState.hx


SruloArt

unread,
Jul 7, 2015, 10:15:21 AM7/7/15
to haxef...@googlegroups.com
It is, but I'm not getting even this loading screen...until this is resolved you better use the previous versions of lime (before 2.4.5 I think).

Michael Lee

unread,
Jul 7, 2015, 11:37:50 PM7/7/15
to haxef...@googlegroups.com
Reverting to older versions of Lime (back to [2.3.0]) and OpenFL unfortunately doesn't seem to be resolving any issues with the loader. I've also tested uploading it to a live webserver and not just localhost and the issue still persists on Mozilla Firefox (and also IE).

This is the blank HaxeFlixel project on my site. http://gamedrinkcode.com/dump/html5/testtest/

In the issue ticket you posted (https://github.com/openfl/lime/issues/493) it seems like it's unrelated to the font issue since I've generated the missing eot/wott/svg font files using Font Squirrel (www.fontsquirrel.com/tools/webfont-generator) and manually added them into the assets folder.

Yeah still drawing a blank here... maybe the next Lime/OpenFL update will fix this somehow?

SruloArt

unread,
Jul 8, 2015, 4:34:27 AM7/8/15
to haxef...@googlegroups.com
Unfortunately there's something about IE that cause it to really hate the default Flixel .ogg files (check the include.xml in your flixel repo / its assets folder), so if you delete those it should work...weird, I know... (the default fonts too). Also, Firefox should not get stuck in the loading part either way, so check out your Firefox/Firebug console for errors...

Yusuf Fahry

unread,
Jul 9, 2015, 6:00:55 AM7/9/15
to haxef...@googlegroups.com
Actually, there is no .OGG files used in my project. It's clean, the default, just with some small modification in MenuState.hx

I've also tried Chrome, Firefox, even Maxthon. None worked. Still stuck with the loading =(


Moshe Adriano Yosef (Yusuf Fahry)
Jakarta, ID

On Wed, Jul 8, 2015 at 3:34 PM, SruloArt <srul...@gmail.com> wrote:
Unfortunately there's something about IE that cause it to really hate the default Flixel .ogg files (check the include.xml in your flixel repo / its assets folder), so if you delete those it should work...weird, I know...
On Wednesday, July 8, 2015 at 6:37:50 AM UTC+3, Michael Lee wrote:
Reverting to older versions of Lime (back to [2.3.0]) and OpenFL unfortunately doesn't seem to be resolving any issues with the loader. I've also tested uploading it to a live webserver and not just localhost and the issue still persists on Mozilla Firefox (and also IE).

This is the blank HaxeFlixel project on my site. http://gamedrinkcode.com/dump/html5/testtest/

In the issue ticket you posted (https://github.com/openfl/lime/issues/493) it seems like it's unrelated to the font issue since I've generated the missing eot/wott/svg font files using Font Squirrel (www.fontsquirrel.com/tools/webfont-generator) and manually added them into the assets folder.

Yeah still drawing a blank here... maybe the next Lime/OpenFL update will fix this somehow?

On Tuesday, July 7, 2015 at 10:15:21 AM UTC-4, SruloArt wrote:
It is, but I'm not getting even this loading screen...until this is resolved you better use the previous versions of lime (before 2.4.5 I think).

On Tuesday, July 7, 2015 at 4:58:43 PM UTC+3, Moshe Adriano Yosef Feit wrote:
Is it the same with IE?

So, after updating via haxelib update, when I try to debug with HTML, it's always stuck in this loading process. Even a new project with a little modification in the MenuState.hx


--
HaxeFlixel Development Community
See our github https://github.com/haxeflixel/ and our documentation http://haxeflixel.com/documentation/
---
You received this message because you are subscribed to a topic in the Google Groups "HaxeFlixel" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/haxeflixel/Vyqi8ZkP9z8/unsubscribe.
To unsubscribe from this group and all its topics, send an email to haxeflixel+...@googlegroups.com.
Visit this group at http://groups.google.com/group/haxeflixel.
To view this discussion on the web visit https://groups.google.com/d/msgid/haxeflixel/c24eb20a-2f32-40d1-8a88-dc47c612c311%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

SruloArt

unread,
Jul 9, 2015, 8:34:45 AM7/9/15
to haxef...@googlegroups.com
O.K, so after reviewing your code here's what I've learned:

* These files are included without you knowing about it (via the include.xml in your Flixel repo (just read your TestTest2.js and search flixel.mp3 for example)).

* Chrome works well for me though, what version are you using? it's very possible that the audio files are responsible (partially) to your loading problems there.

* However, your actual issue is just like mine: The open fonts. Delete the fonts, or delete this tag from your index.html (it will be generated every time you build with "-web" so just keep that in mind):


<span style="position: absolute; left: -10000px; top: -10000px; font-size: 300px; font-family: &quot;Arial&quot;,sans-serif; font-variant: normal; font-style: normal; font-weight: normal; letter-spacing: 0px;">giItT1WQy@!-/#</span>


After I delete this tag from your project everything loads the way it should.

Michael Lee

unread,
Jul 10, 2015, 2:12:32 AM7/10/15
to haxef...@googlegroups.com
Awesome SruloArt, thanks for looking into this! With your insight I think I've figured out the issue with Firefox. It looks like the preloader function for checking if fonts have been loaded runs into a rare exception on Firefox where it gets stuck on the default Arial font that HaxeFlixel includes. I've responded in the Github thread on this issue with a potential fix for this going forward in Lime.
Reply all
Reply to author
Forward
0 new messages