美文网首页
Unity导出webgl全屏自适应自动配置

Unity导出webgl全屏自适应自动配置

作者: ShawnWeasley | 来源:发表于2020-10-30 10:59 被阅读0次

参考链接:https://blog.csdn.net/qq_40795166/article/details/89671597

在Assets文件夹下面创建一个WebGLTemplates文件夹,再建一个子文件夹:


image.png

将模板html文件放进去之后可以在导出设置页面进行设置:


image.png
选择这个模板之后导出的网页就是自适应的不需要调整了。具体模板如何写可以参考上面链接里的附属链接,这里根据我调过的自适应代码直接给出一套模板参考:
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <title>%UNITY_WEB_NAME%</title>
  <link rel="shortcut icon" href="TemplateData/favicon.ico">
  <link rel="stylesheet" href="TemplateData/style.css">
  <script src="TemplateData/UnityProgress.js"></script>
  <script src="%UNITY_WEBGL_LOADER_URL%"></script>
  <style>
    html,
    body {
      margin: 0px;
      height: 99.8%;
    }
  </style>
  <script>
    var unityInstance = UnityLoader.instantiate("unityContainer", "%UNITY_WEBGL_BUILD_URL%");
  </script>
</head>

<body>
  <div id="unityContainer" style="width:100%; height:100%; position:fixed"></div>
</body>

</html>

相关文章

网友评论

      本文标题:Unity导出webgl全屏自适应自动配置

      本文链接:https://www.haomeiwen.com/subject/ribrvktx.html