Black screen without errors HTML5

Help
#1

I use openfl 4.9.1 and lime 4.0.2. But in the browser I see only black screen without errors in console tab. In network tab I see, that was loaded project/, howler.min.js, pako.min.js, js-file project and my custom js-file.

#2

have you tried adding trace’s to check that your project is running ? e.g.

trace("helloo world");

and what were you hoping to see in the sceen when your project runs ?

#3

It’s happening with me as well. The app main never starts.

#4

Nothing in trace. I hope to see background image, which I load.

#5

@Jarkony The lime embed function changed
In your app entry point (usually index.html) use:
lime.embed ("::APP_FILE::", "canvas-wrapper", ::WIN_WIDTH::, ::WIN_HEIGHT::, { parameters: {} });

this worked for me. :grinning:

Assetsprefix HTML5 target
[HTML5 - WebGL - Lime 5.4.0 - OpenFl 6.1.0 - SOLVED] remote application doesn't load
#7

I had:

lime.embed ("openfl-content", 1200, 650, "CCCCCC");

I pasted:

lime.embed ("::APP_FILE::", "canvas-wrapper", ::WIN_WIDTH::, ::WIN_HEIGHT::, { parameters: {} });

And now I see error in console in pasted line:

Uncaught SyntaxError: Unexpected token :
#8

The “canvas-wrapper” was just my div element. You should keep it on "openfl-content"
Eg -
lime.embed ("::APP_FILE::","openfl-content", ::WIN_WIDTH::, ::WIN_HEIGHT::, { parameters: {} });

#9

Also keep your width and height

#10

Can you share your case with your real parameters, please?

#11

This is my output:

lime.embed ("data/js/app", "canvas-wrapper", 0, 0, { parameters: {} });
#12

Thanks, can you share link where you saw how it make?

#13

Cool, no prob. I created the openfl sample project - PiratePig.
cli : ```
openfl create PiratePig && cd PiratePig && openfl build html5

You can basically see the output in the Export folder of this project
#14

Okay, thanks! Does your project work in Firefox and IE? I see only grey screen with line-loader.

not_loading.png1191×636 1.06 KB

#15

Alternatively in the openfl Library go to:

templates/html5/template/index.html
#16

Mine is working… Also i’m using an custom preloader.

#17

As far as I understand, there are three types of rendering mode in openfl . And for me canvas mode works and has solved the problem like this in the past.

Try using this tag inside project.xml

tagstart haxedef name=‘canvas’ tagclose

This happened with me using firefox/safari on mac. But not on windows. Using above tag solved the problem.

#18

It was due webp. For some reason, firefox don’t supports webp-format.

#19

Im working with FlashDevelop and has some problem any time. If u test some project in html, then test other project - local use older index.html template. Use f5 to reload local and see - now new index loaded.

#20

I have had this problem using FlashDevelop’s HTML target as well. I would currently recommend using either build in FlashDevelop (and not run) for HTML5, and keeping a separate window open where you have done openfl run html5 to boot up our server (which has caching disabled), or use openfl test html5 in a separate window when you want to test, and not building in FlashDevelop