本文介绍了一个使用Unity WebGL进行游戏加载的基本示例页面。该页面通过HTML和JavaScript实现了Unity WebGL游戏项目的加载和初始化，并包含了一些基本的布局设置及自适应屏幕尺寸的功能。
<!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 | First</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/aa.json", {onProgress: UnityProgress});
function Reset() {
var canvas = document.getElementById("#canvas");
canvas.height= document.documentElement.clientHeight;
canvas.width = document.documentElement.clientWidth;
console.log(canvas.width );
}
</script>
</head>
<body onload="Reset()" onresize="Reset()" >
<div class="webgl-content" style="width: 100%; height: 100%">
<div id="gameContainer" style="width: 100%; height: 100%"></div>
</div>
</body>
</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 | First</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/aa.json", {onProgress: UnityProgress});
function Reset() {
var canvas = document.getElementById("#canvas");
canvas.height= document.documentElement.clientHeight;
canvas.width = document.documentElement.clientWidth;
console.log(canvas.width );
}
</script>
</head>
<body onload="Reset()" onresize="Reset()" >
<div class="webgl-content" style="width: 100%; height: 100%">
<div id="gameContainer" style="width: 100%; height: 100%"></div>
</div>
</body>
</html>
扫一扫
2655
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
