Html5 generation

cubixpix · November 26, 2021, 6:50pm

Hello,

I’d like to bundle html5 version of my game.

I’ve tried from the bundle menu of the editor (1.2.189, linux version), and with bob (java -jar ~/defold/tools/bob_1.2.189.jar --archive --platform js-web --architectures wasm-web resolve distclean build bundle ).

Both are building without errors, but when i try and run them from the browser, i only see the defold splash screen, the progression bar which shows loading.

When the loading is finished, the splash screen doesn’t disappear, and soon firefox tell me that the page is using too much resources. Same issue with Chrome. I’ve tried to use the debugger , but nothing is shown.

Of course, the files are served from a web server.

I can generate linux x86_64 (my platform) without any problems, and it works very well.

Is there a way to get debug informations from web versions ? I cannot even see what files are loaded , with the browser debugger.

Thank you.

Mathias_Westerdahl · November 26, 2021, 7:52pm

First step is to enable debug info by adding ”—variant debug” to the command line. Then you can get output in the developer console.

AGulev · November 26, 2021, 9:07pm

How do you run html5 build? It sounds like you just double tap index.html.
HTML5 bundle needs http server, please read FAQ here: Defold development for the HTML5 platform

UPD:
Ah, sorry, now I see.

Of course, the files are served from a web server.

What if you run html5 from the editor: Project->Build HTML5 ?

Mathias_Westerdahl · November 26, 2021, 9:18pm

This should always be visible in the browser developer tools. No special build options needed for that.

cubixpix · November 27, 2021, 3:33pm

Ok , i must have done something wrong yesterday, now i see the files loaded. So everything is loaded.

I’ve added the --variant debug to bob, now i see the error in the console. It’s a repeated crash in the dmloader.js.

So looking at line 512 in dmloader.js , it seems to be something in the transpiled native code (i see emscripten mentioned).

AGulev · November 27, 2021, 4:27pm

Please find the very first crash message in your log. The problem isn’t related to dmloader.js:512, this is just a hook for logs there.

cubixpix · November 27, 2021, 6:29pm

Ok i understand, there were so many repeating errors than the beginning of the logs had been thrashed.

By defining an empty function at line 512 (printErr function), i could seen the interesting part.

Running... [dmloader.js:514:41](http://mysite.com/project_debug/dmloader.js)

<empty string> [dmloader.js:514:41](http://mysite.com/project_debug/dmloader.js)

INFO:ENGINE: Defold Engine 1.2.189 (8894457) [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

Made with Defold -=[ https://www.defold.com ]=- [ line 144 > injectedScript:1:15023](http://mysite.com/project_debug/ line 144 > injectedScript)

INFO:ENGINE: Loading data from: dmanif:game.dmanifest [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

INFO:ENGINE: Initialised sound device 'default' [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

WARNING:RESOURCE: Unable to create resource: /scripts/scrolling.fpc: FORMAT_ERROR [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

WARNING:RESOURCE: Unable to create resource: /scripts/scrolling.materialc: FORMAT_ERROR [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

WARNING:RESOURCE: Unable to create resource: /main/background.spritec: FORMAT_ERROR [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

WARNING:RESOURCE: Unable to create resource: /_generated_7388588174a65a0e.goc: FORMAT_ERROR [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

WARNING:RESOURCE: Unable to create resource: /main/main.collectionc: FORMAT_ERROR [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

INFO:CRASH: Successfully wrote Crashdump to file: /data/.Defold/_crash [dmloader.js:511:37](http://mysite.com/project_debug/dmloader.js)

Ah ! there is a crashlog ! But where is it ?
A find ~ -iname "*_crash*" | grep -i defold returns nothing. I did the search on the client side, of course

AGulev · November 27, 2021, 9:24pm

Something is wrong with your shader ppbly /scripts/scrolling.fpc, if you can share it I’ll take a look.

britzl · November 27, 2021, 9:38pm

The latest version of Defold shouldn’t repeatedly spam with a crash like that by the way.

Mathias_Westerdahl · November 28, 2021, 8:40am

Isn’t it the latest version?

AGulev · November 28, 2021, 9:32am

I think this fix is in 1.2.190-alpha Break out of loop when printing stack trace by britzl · Pull Request #6156 · defold/defold · GitHub

cubixpix · November 28, 2021, 10:44am

@AGulev , thank you for offering.

Of course i can share, here here the scrolling.fpc .
I’ve just removed some binaries information. I guess the first block is the translation to GLES of the second part, which is the one i wrote.

Must be something incompatible with GLES, or maybe some variable which is not used and should be removed ? How can you debug something like this without bothering a good soul ? I will have for sure other bugs in the future.

#version 300 es
precision mediump float;

out vec4 _DMENGINE_GENERATED_gl_FragColor;
#line 0
in mediump vec4 position; 
in mediump vec2 var_texcoord0;

uniform lowp sampler2D texture_sampler;
uniform lowp sampler2D decor_sampler;
uniform lowp vec4 tint;
uniform lowp vec4 time;
uniform lowp vec4 move; 

void main()
{
	
  vec2 texcoord = var_texcoord0;
  if (var_texcoord0.y > .75) {
    texcoord.x = texcoord.x/2+time.x/64; 
  }
  else if (move.x != 0) {
    texcoord.x = texcoord.x+move.z+move.x/64; 

  }
  
    _DMENGINE_GENERATED_gl_FragColor = texture(decor_sampler, texcoord.xy); 
  
}

precision mediump float;
#line 0
varying mediump vec4 position; 
varying mediump vec2 var_texcoord0;

uniform lowp sampler2D texture_sampler;
uniform lowp sampler2D decor_sampler;
uniform lowp vec4 tint;
uniform lowp vec4 time;
uniform lowp vec4 move; 

void main()
{
  vec2 texcoord = var_texcoord0;
  if (var_texcoord0.y > .75) {
    texcoord.x = texcoord.x/2+time.x/64;
  }
  else if (move.x != 0) {
    texcoord.x = texcoord.x+move.z+move.x/64;

  }
 
  gl_FragColor = texture2D(decor_sampler, texcoord.xy); // - floor(texcoord.xy) );
}

Mathias_Westerdahl · November 28, 2021, 11:09am

My guess is that you’re mixing types int and float:

  if (var_texcoord0.y > .75) {
    texcoord.x = texcoord.x/2.0+time.x/64.0;
  }
  else if (move.x != 0.0) {
    texcoord.x = texcoord.x+move.z+move.x/64.0;
  }

cubixpix · November 28, 2021, 2:00pm

Yes, you are right. Every scalars have to be written with decimal point.

In GLSL desktop, conversion must be done automatically behind the curtains.

Now, browser exports works perfectly ! Thank you !