Unity WebPlayer自定义进度条界面

　使用 unity 的WebPlayer的时候，显示的是的自己的进度条和Logo，现在想发布正式版的时候需要改成自己公司的Logo，和自定义的进度条，在网上一搜，还不少，都是这方面的资料，但是改完之后，并不奏效，然后打开了官网：Customizing the loading screen。官网总不会欺骗我吧！！！最后终于是OK了，但是还是碰到不少问题，

　　1.图片格式问题。2.图片路径问题。3.代码的注释等，对于不了解HTML和JS代码的人，修改这个启动页真的是费老大劲了。最后请教了一个做网页的大神，直接给我写了个HTML替换Unity自带的WebPlayer.html文件就行了。下面直接上脚本

　　[html] view plain copy 在CODE上查看代码片派生到我的代码片

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　　<head>

　　<title>Unity Web Player | web_loading</title>

　　</head>

　　</object>

　　</div>

　　</body>

　　</html>

　　自定义的图片就放到和你的.Unity3d 文件在一个路径下；如图

　　另外我还有一个需求就是全屏，这个有两种意思，1.跟电脑屏幕一样大，2.跟浏览器窗口一样大，我要实现的是第二种，因为跟电脑屏幕一样大的话会有滚动条，很恶心。

　　下面也是直接上代码，使用了JavaScript的获取窗口大小，然后动态设置HTML

　　[html] view plain copy

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　　<head>

　　<title>Unity Web Player | web_loading</title>

　　</head>

　　</object>

　　</body>

　　var winWidth = 0;

　　var winHeight = 0;

　　function findDimensions() //函数：获取尺寸

　　{

　　//获取窗口宽度

　　if (window.innerWidth)

　　winWidth = window.innerWidth;

　　else if ((document.body) && (document.body.clientWidth))

　　winWidth = document.body.clientWidth;

　　//获取窗口高度

　　if (window.innerHeight)

　　winHeight = window.innerHeight;

　　else if ((document.body) && (document.body.clientHeight))

　　winHeight = document.body.clientHeight;

　　//通过深入Document内部对body进行检测，获取窗口大小

　　if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {

　　winHeight = document.documentElement.clientHeight;

　　winWidth = document.documentElement.clientWidth;

　　}

　　//结果输出至两个文本框

　　//document.form1.availHeight.value = winHeight;

　　//document.form1.availWidth.value = winWidth;

　　document.getElementById("UnityObject").style.width = winWidth + "px";

　　document.getElementById("UnityObject").style.height = winHeight + "px";

　　}

　　findDimensions();//调用函数，获取数值

　　window.onresize = findDimensions;

　　</script>

　　</html>

Unity WebPlayer自定义进度条界面相关推荐

玲珑杯Unity开发心得——进度条界面（异步加载游戏场景）
/2015/08/04// by xbw ///环境 unity 4.6// 先上效果图还可以吧,先贴一下代码, using UnityEngine;using System.Collections ...
android自定义圆角进度条,Android自定义进度条的圆角横向进度条实例详解
1.本文将向你介绍自定义进度条的写法,比较简单,但还是有些知识点是需要注意的: invalidate()方法 RectF方法的应用 onMeasure方法的应用 2.原理画3层圆角矩形,底层为黑色, ...
Android进度条，自定义进度条，显示百分比
昨天搞了一个圆形加载框传送门,睡了一晚重温一下,今天搞一个条形加载框巩固一下,比圆形要简单点,两个矩形即可,一个总的,一个加载进度的,然后添加一个文字在后面,先上图,后上代码,讲解在注释里直观又方便 ...
android自定义进度条渐变色View，不使用任何图片资源
最近在公司,项目不是很忙了,偶尔看见一个兄台在CSDN求助,帮忙要一个自定义的渐变色进度条,我当时看了一下进度条,感觉挺漂亮的,就尝试的去自定义view实现了一个,废话不说,先上图吧! 这个自 ...
android 自定义进度条旋转,Android_Android ProgressBar进度条使用详解，ProgressBar进度条，分为旋转进 - phpStudy...
Android ProgressBar进度条使用详解 ProgressBar进度条,分为旋转进度条和水平进度条,进度条的样式根据需要自定义,之前一直不明白进度条如何在实际项目中使用,网上演示进度条的案 ...
android ProgressBar 自定义进度条颜色
android 自定义进度条颜色先看图基于产品经理各种自定义需求,经过查阅了解,下面是自己对android自定义进度条的学习过程! 这个没法了只能看源码了,还好下载了源码, sources\bas ...
IOS开发基础之绘制饼图、柱状图、自定义进度条
IOS开发基础之绘制饼图.柱状图.自定义进度条源码在我的主页里 1.绘制饼图效果源码 // LJView.m // 34-绘图饼图 // Created by 鲁军 on 2021/2/23. ...
android自定义进度条_Android中的自定义进度栏
android自定义进度条 Custom progress bar in android application gives it a personal touch. In this tutorial ...
elementui自定义进度条形状
elementui自定义进度条形状前言一.我们看下进度条的结构二.怎么改path里数据 1.了解下svg 2.其他svg标签转换成path 3.最关键的一步前言进度条多以圆形.直线以及仪表盘 ...
Android 各种自定义进度条Progressbar
Android 自定义进度条 Progressbar 控件集合关于我,欢迎关注博客:ccapton(http://blog.csdn.net/ccapton) 微信:Ccapton Github ...

Unity WebPlayer自定义进度条界面

Unity WebPlayer自定义进度条界面相关推荐

最新文章

热门文章