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

最新推荐文章于 2024-03-21 17:10:33 发布

ShawnWeasley

最新推荐文章于 2024-03-21 17:10:33 发布

阅读量1.2k

点赞数

文章标签： html js java javascript django

本文链接：https://blog.csdn.net/eevee_1/article/details/118632381

版权

参考链接：https://blog.csdn.net/qq_40795166/article/details/89671597
仅适用于2019版本

在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>

ShawnWeasley

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Unity导出webgl全屏自适应自动配置

参考链接：https://blog.csdn.net/qq_40795166/article/details/89671597仅适用于2019版本在Assets文件夹下面创建一个WebGLTemplates文件夹，再建一个子文件夹：image.png将模板html文件放进去之后可以在导出设置页面进行设置：image.png选择这个模板之后导出的网页就是自适应的不需要调...
复制链接

扫一扫