unity3d：webgl打包，pc端移动端全屏化

最新推荐文章于 2025-11-17 23:30:18 发布

原创最新推荐文章于 2025-11-17 23:30:18 发布 · 3.3k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#unity3d #webgl #全屏

Unity3d技术笔记专栏收录该内容

168 篇文章

订阅专栏

本文介绍了一个使用Unity WebGL进行游戏加载的基本示例。通过HTML与JavaScript结合的方式实现了一个简单的游戏容器，并且能够根据浏览器窗口大小调整游戏画布尺寸。

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | ZhiQiao</title>
    <script src="Build/UnityLoader.js"></script>
    <script>
      var gameInstance = UnityLoader.instantiate("gameContainer", "Build/JuZhi7Mobile.json");
      function Reset()
    {
        var canvas = document.getElementById("#canvas");//获取#canvas
        canvas.height=  document.documentElement.clientHeight;//获取body可见区域高度
        canvas.width =  document.documentElement.clientWidth;//获取body可见区域高度

    }
    </script>
  </head>
  <body onresize="Reset()" ,scroll= no, style="overflow:hidden">
    <div id="gameContainer" style="width: 100vw; height: 100vh;margin:auto"></div>
  </body>
</html>

修改部分
这里写图片描述