首页 > 手游开发 > Unity3D > Unity3D WebGL 项目设置屏幕自适应
2019
09-27

Unity3D WebGL 项目设置屏幕自适应

为了方便使用,大家直接使用以下代码,替换index.html中的代码即可。

 

<!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 | Match 3030!</title>

<link rel=”shortcut icon” href=”TemplateData/favicon.ico”>

<link rel=”stylesheet” href=”TemplateData/style.css”>

<script src=”TemplateData/UnityProgress.js”></script>

<script src=”Build/UnityLoader.js”></script>

<script>

var gameInstance = UnityLoader.instantiate(“gameContainer”, “Build/H5.json”, { onProgress: UnityProgress });

 

function resize() {

var canvas = document.getElementById(“#canvas”);

canvas.height = document.documentElement.clientHeight;

canvas.width = document.documentElement.clientWidth;

}

</script>

</head>

<body onload=”resize()” onResize=”resize()”>

<div class=”webgl-content” style=”width:100%; height:100%;”>

<div id=”gameContainer” style=”width: 100%; height: 100%”></div>

</div>

</body>

</html>

最后编辑:
作者:游戏创作者大陆

留下一个回复

你的email不会被公开。