Unity导出webgl全屏自适应自动配置
2020-10-30 本文已影响0人
ShawnWeasley
参考链接:https://blog.csdn.net/qq_40795166/article/details/89671597
在Assets文件夹下面创建一个WebGLTemplates文件夹,再建一个子文件夹:

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

选择这个模板之后导出的网页就是自适应的不需要调整了。具体模板如何写可以参考上面链接里的附属链接,这里根据我调过的自适应代码直接给出一套模板参考:
<!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>