[SOLVED] Fullscreen for mobile HTML

firecore · March 16, 2023, 5:49am

Hello! I can’t open my works as fullscreen in mobile browsers. Desktop browsers are ok but mobile browsers open in a little window. How can I fix this?

Window Settings:

Armory_3D_Community · March 16, 2023, 8:00am

firecore · March 18, 2023, 5:13am

this is too complicated for me. what should I do? I understand that I need to replace a new line of code with an old one, but where can I find these old codes?

Armory_3D_Community · March 18, 2023, 9:58am

Navigate to the sdk path and replace this file with the one attached here
SystemImpl.hx (36.1 KB)

firecore · March 20, 2023, 1:40pm

Error

rpaladin · March 20, 2023, 3:05pm

Hello. I’m not sure what @Armory_3D_Community was doing, but that’s broken code.

Please revert your changes and instead include the code from here:

github.com

armory3d/Kha/blob/cf28999557685068e98dc43b2afa3c5accd48da1/Backends/HTML5/kha/SystemImpl.hx#L534-L551


      
          			if (canvas.getContext != null) {
          				if (lastCanvasClientWidth != canvas.clientWidth || lastCanvasClientHeight != canvas.clientHeight) {
          					var scale = Browser.window.devicePixelRatio;
          					canvas.width = Std.int(canvas.clientWidth * scale);
          					canvas.height = Std.int(canvas.clientHeight * scale);
          					lastCanvasClientWidth = canvas.clientWidth;
          					lastCanvasClientHeight = canvas.clientHeight;
          				}
          
          
				System.render([frame]);
          				if (SystemImpl.gl != null) {
          					// Clear alpha for IE11
          					SystemImpl.gl.clearColor(1, 1, 1, 1);
          					SystemImpl.gl.colorMask(false, false, false, true);
          					SystemImpl.gl.clear(GL.COLOR_BUFFER_BIT);
          					SystemImpl.gl.colorMask(true, true, true, true);
          				}
          			}

Like in this screenshot (originally from here):

firecore · March 21, 2023, 12:01pm

Not works for me but this: canvas size issues when using custom resolution with last repo · Issue #2515 · armory3d/armory · GitHub
comment solve my problem but only for 1080p resolution.

I change my index.html codes with “fill” or “center”.

rpaladin · March 21, 2023, 6:19pm

Glad you were able to find a working workaround.

I’m curious, when you say, “mobile HTML,” are you testing on desktop or actual mobile devices?

firecore · March 21, 2023, 9:24pm

Yeah.

On a smart phone with Firefox, Chrome and on desktop Opera with developer tool mobile button.

I can’t see border pixels when i use mobile device but it’s better than before. If I found a way, will share with you.