Set Screen.width and Screen.height in 2020.x

De-Panther · November 27, 2020, 3:41pm

In 2019.x, the result of setting the canvas element width and height was update to Unity’s C# Screen.width and Screen.height. It also updated the GLctx viewport.

In 2020.x it seems to do nothing.
Setting canvas element style width and height, updates Unity’s C# Screen.width and Screen.height and the GLctx viewport, but it also updates the actual canvas area on the page (clientWidth and clientHeight).

Is there an internal method that can set what Unity thinks is the Screen.width or Screen.height?

Thanks

gtk2k · November 27, 2020, 9:27pm

What about the width / height attribute of canvas? (Not verified)

De-Panther · November 27, 2020, 9:29pm

That’s what I ment by the canvas element width and height

fherbst · November 28, 2020, 11:00am

Hey @De-Panther have you reported a bug to Unity? Definitely sounds like one… If yes could you post a case number here?

De-Panther · November 28, 2020, 3:10pm

I don’t think that it’s a bug.
There’s no documentation that define those behaviors, and in the first place it was a hack even in 2019.x.

Maybe it should be a feature, but then Unity needs to define such a feature.
And if it’s a feature, there’s more than one part:
Set Unity’s screen/display size.
Enable more than one “display” for Unity in WebGL.
Enable setting Viewports that are out of the display area of Unity.

De-Panther · November 28, 2020, 8:02pm

Found a solution!
I override “JS_SystemInfo_GetCanvasClientSize” and “JS_SystemInfo_GetPreferredDevicePixelRatio” using a “.jslib” file.
It works both on 2019.4 and 2020.1.

github.com

De-Panther/unity-webxr-export/blob/0a908ff422eb63426d23e7af6b50300d38177910/Packages/webxr/Runtime/Plugins/WebGL/systeminfo_override.jslib

var LibrarySystemInfoWebGLOverride = {
  JS_SystemInfo_GetCanvasClientSize: function (domElementSelector, outWidth, outHeight) {
    var selector = UTF8ToString(domElementSelector);
    var canvas = (selector == '#canvas') ? Module['canvas'] : document.querySelector(selector);
    if (Module.WebXR && Module.WebXR.isInXR)
    {
      HEAPF64[outWidth >> 3] = canvas ? canvas.width : 0;
      HEAPF64[outHeight >> 3] = canvas ? canvas.height : 0;
      return;
    }
    HEAPF64[outWidth >> 3] = canvas ? canvas.clientWidth : 0;
    HEAPF64[outHeight >> 3] = canvas ? canvas.clientHeight : 0;
  },

  JS_SystemInfo_GetPreferredDevicePixelRatio: function () {
    if (Module.WebXR && Module.WebXR.isInXR)
    {
      return 1;
    }
    return Module.devicePixelRatio || window.devicePixelRatio || 1;

This file has been truncated. show original

Topic		Replies	Views
Canvas width and height problem Unity Engine 2D	1	1095	August 15, 2017
Canvas (WebGL) is incorrectly sized before I touch screen. How do I fix it? Unity Engine Unity-for-Web , Scripting , 2022-3-LTS , Intermediate , Windows-Editor , Question	2	431	September 9, 2024
Changing a canvas' width & height Unity Engine UGUI	2	7428	March 12, 2015
Change Canvas size only in editor Unity Engine UGUI	2	3544	November 19, 2016
Screen.width/height is always 466x978?! No matter what I do.. why on earth is that? Unity Engine	3	987	May 8, 2014

Set Screen.width and Screen.height in 2020.x

Related topics