[unity3d]自定义loading界面和浏览器的全屏显示

将做好的unity项目发布成web版本,打开后发现出现的是自定义的unity的loading界面,如果修改成我们自己的的logo图案和加载进度条。

[unity3d]自定义loading界面和浏览器的全屏显示

操作步骤:                                                                                             

1.在发布的时候勾选上两项

[unity3d]自定义loading界面和浏览器的全屏显示

2.用DW打开html文件,修改一些配置信息

1.如果是3.5版本

<script type="text/javascript">
        
        var params = {
                               logoimage: "logo.png",//logo
                               progressbarimage: "loading.png",//加载条图片
                               progressframeimage:"loadbg.png"//加载条背景
                             };

        function GetUnity() {
            if (typeof unityObject != "undefined") {
                return unityObject.getObjectById("unityPlayer");
            }
            return null;
        }
        if (typeof unityObject != "undefined") {
            unityObject.embedUnity("unityPlayer", "WebPlayer.unity3d",1270, 600, params);
            
 }
        
 </script>

2.如果是4.0版本

<script type="text/javascript">
        <!--
            -------------------------------------------------------                    
            var config = {
                width: 1280, 
                height: 660,
                params: { enableDebugging:"0" }
                
            };
                                                var params = {
                               backgroundcolor: "FFFFFF",//背景色
                               bordercolor: "ffffff",//边框颜色
                               textcolor: "ffffff",//文本颜色
                               logoimage: "unitylogo.png",//logo
                               progressbarimage: "unityprogress.png",//加载条
                               progressframeimage:"unityprogressframe.png"//加载条移动帧
                             };
            var u = new UnityObject2({ params: params } );
             ----------------------------------------------------------------------

3.让浏览器全屏显示

var params={
	backgroundcolor:"ffffff",//背景色
	bordercolor:"ffffff",//边框颜色
	textcolor:"ffffff",//文本颜色
	logoimage:"data.png",//logo
	progressbarimage:"unityprogress.png",//加载条
	progressframeimage:"unityprogressframe.png",//加载条
	disableContextMenu:true	
}
var u = new UnityObject2({params:params});

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-color: black;
	color: white;
	text-align: center;
			
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

div#unityPlayer {
	cursor: default;
	height: 100%;
	width: 100%;
}


效果图:                                                                                             

[unity3d]自定义loading界面和浏览器的全屏显示
[unity3d]自定义loading界面和浏览器的全屏显示



以上是用chrome浏览器打开的会全屏,如果是火狐浏览器打开会发现有些问题,然后摸索发现可能是unityweb不支持w3c,将导出的html中的第一行代码删除即可!

==================== 迂者 丁小未 CSDN博客专栏=================

MyBlog:http://blog.csdn.net/dingxiaowei2013             MyQQ:1213250243

Unity QQ群:375151422        cocos2dx QQ群:280818155

====================== 相互学习,共同进步 ===================

 

转载请注明出处:http://blog.csdn.net/dingxiaowei2013/article/details/18310035

欢迎关注我的微博:http://weibo.com/u/2590571922

需要工程文件的请留言!


上一篇:使用IDEA从零开始搭建一个JDK源码的阅读项目(按照步骤来小白也能行哟)


下一篇:如何设计一个可用的web容器