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

来源：互联网发布：灰鸽子源码编辑：程序博客网时间：2024/04/29 18:43

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

操作步骤：

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

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",//logoprogressbarimage:"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%;}

效果图：

在线打开：http://dingxiaowei2014.eicp.net/xiaowei/13viewpointswitch/13viewpointswitch.html

以上是用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

需要工程文件的请留言！

4 0