unity3d发布成网页格式后,默认不是在浏览器中全屏显示,这个当然是不行的了,既然在网页中显示,那么就可以通过调整HTML+CSS来让界面100%显示,所以简单的修改一下其中的CSS即可!
修改后的HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unity Web Player | U3DWorkSpace</title>
<script type='text/javascript' src='jquery.min.js'></script>
<script type="text/javascript">
<!--
var unityObjectUrl = "UnityObject2.js";
if (document.location.protocol == 'https:')
unityObjectUrl = unityObjectUrl.replace("http://", "https://ssl-");
document.write('<script type="text\/javascript" src="' + unityObjectUrl + '"><\/script>');
-->
</script>
<script type="text/javascript">
<!--
var config = {
params: { enableDebugging:"0" }
};
var u = new UnityObject2(config);
jQuery(function() {
var $missingScreen = jQuery("#unityPlayer").find(".missing");
var $brokenScreen = jQuery("#unityPlayer").find(".broken");
$missingScreen.hide();
$brokenScreen.hide();
u.observeProgress(function (progress) {
switch(progress.pluginStatus) {
case "broken":
$brokenScreen.find("a").click(function (e) {
e.stopPropagation();
e.preventDefault();
u.installPlugin();
return false;
});
$brokenScreen.show();
break;
case "missing":
$missingScreen.find("a").click(function (e) {
e.stopPropagation();
e.preventDefault();
u.installPlugin();
return false;
});
$missingScreen.show();
break;
case "installed":
$missingScreen.remove();
break;
case "first":
break;
}
});
u.initPlugin(jQuery("#unityPlayer")[0], "u3dtest.unity3d");
});
-->
</script>
<style type="text/css">
<!--
body {
font-family: Helvetica, Verdana, Arial, sans-serif;
background-color: white;
color: black;
text-align: center;
width:100%;
height:auto;
margin:0px;
padding:0px;
}
div.content {
width:100%;
height:auto;
margin:0px;
padding:0px;
}
div#unityPlayer {
cursor: default;
height: 100%;
width: 100%;
margin:0px;
padding:0px;
}
-->
</style>
</head>
<body>
<div class="content">
<div id="unityPlayer">
</div>
</div>
</body>
</html>
切记要删除JS配置中的宽高