Unity发布WebGL动态改变分辨率大小

最新推荐文章于 2025-06-23 17:37:55 发布

做一只会飞的猪

最新推荐文章于 2025-06-23 17:37:55 发布

阅读量5.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Unity学习文章标签： Unity WebGL 分辨率动态

本文链接：https://blog.csdn.net/beihuanlihe130/article/details/94623144

Unity学习专栏收录该内容

57 篇文章

订阅专栏

本文介绍如何在HTML中使用JavaScript修改画布大小，并同步调整Unity游戏引擎中的分辨率，确保两者尺寸一致，实现跨平台尺寸同步。通过具体代码示例，展示了修改HTML画布尺寸的方法以及如何在Unity中接收并应用这些尺寸变更。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

修改画布大小
在html中修改画布大小

      function resetSize1() {
		  //修改画布大小
          document.getElementById("#canvas").style.width = "100px";
          document.getElementById("#canvas").style.height = "100px";
          document.getElementById("gameContainer").style.width = "100px";
          document.getElementById("gameContainer").style.height = "100px";
          //发送指令修改Unity中分辨率的大小
          gameInstance.SendMessage("GameObject","ResetSolution",100 + ":" + 100);
      }

在Unity中修改分辨率大小

public void ResetSolution(string size)
    {
        int width = 0;
        int height = 0;
        string[] widthAndHeight = size.Split(':');
        if (widthAndHeight.Length == 2)
        {
            width = int.Parse(widthAndHeight[0]);
            height = int.Parse(widthAndHeight[1]);
            Screen.SetResolution(width, height, false);
        }
    }

必须做到在修改画布大小的同时修改Unity中分辨率的大小才能实现同步操作。