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

简介:

将做好的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",//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%; }


效果图:                                                                                             






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

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

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

Unity QQ群:858550         cocos2dx QQ群:280818155

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

 

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

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

需要工程文件的请留言!


















本文转蓬莱仙羽51CTO博客,原文链接:http://blog.51cto.com/dingxiaowei/1366148 ,如需转载请自行联系原作者
相关文章
|
Web App开发 存储 缓存
(新)Chrome浏览器自定义背景插件
(新)Chrome浏览器自定义背景插件
188 0
自定义 behavior - 完美仿 QQ 浏览器首页,美团商家详情页(一)
自定义 behavior - 完美仿 QQ 浏览器首页,美团商家详情页
|
7月前
|
测试技术
【sgUploadTileImage】自定义组件:浏览器端生成瓦片图,并转换为File文件序列上传瓦片图
【sgUploadTileImage】自定义组件:浏览器端生成瓦片图,并转换为File文件序列上传瓦片图
|
4月前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
435 1
|
XML Android开发 数据格式
自定义 behavior - 完美仿 QQ 浏览器首页,美团商家详情页(二)
自定义 behavior - 完美仿 QQ 浏览器首页,美团商家详情页
|
7月前
|
JavaScript
vue自定义浏览器滚动条样式
vue自定义浏览器滚动条样式
55 0
|
Web App开发 Python
Python Chrome handless(无界面浏览器,add_argument 支持哪些参数,替代 PhantomJS)
Python Chrome handless(无界面浏览器,add_argument 支持哪些参数,替代 PhantomJS)
175 0
|
7月前
|
数据可视化 C# 图形学
【Unity 3D】图形界面GUI的讲解及在C#中实现用户登录界面的实战(附源码)
【Unity 3D】图形界面GUI的讲解及在C#中实现用户登录界面的实战(附源码)
231 0
|
数据采集 开发框架 JavaScript
基于.NET Core内置浏览器窗体应用程序界面框架
基于.NET Core内置浏览器窗体应用程序界面框架
109 0
|
Web App开发 UED C++
在chrome浏览器中调用IE浏览器并访问(openIE.reg自定义协议)
在chrome浏览器中调用IE浏览器并访问(openIE.reg自定义协议)