Unity 网络播放器 (Web Player) 在加载内容时默认显示一个小的 Unity 徽标和进度条。可以自定义加载屏幕的外观,包括徽标和进度条显示。
请注意,只有 Unity 专业版可以修改载入程序图像。
有六个可选参数可以传递给 UnityObject,用来自定义 Unity 网络播放器 (Web Player) 加载屏幕的外观。它们分别是:
提供 的所有颜色值必须为六位数十六进制颜色(如 FFFFFF、020F16 等)。提供 的图像路径可以是相对链接或绝对链接,所有图像文件必须为 RGB 格式(不透明)或 RGBA 格式(透明)以 8 位数/通道保存的 PNG 文件。最后,progressframeimage 和 progressbarimage 的高度应相等。
以下是自定义 Unity 网络播放器 (Web Player) 加载屏幕外观的脚本示例。背景色设为浅灰 (A0A0A0),边框颜色为黑色 (000000),文本颜色为白色 (FFFFFF),载入程序图像为 MyLogo.png、MyProgressBar.png 和 MyProgressFrame.png。所有参数列入单个 params 对象组,并传递给 UnityObject2 构造函数。
var params = { backgroundcolor: "A0A0A0", bordercolor: "000000", textcolor: "FFFFFF", logoimage: "MyLogo.png", progressbarimage: "MyProgressBar.png", progressframeimage: "MyProgressFrame.png" }; var u = UnityObject2({ params: params }); u.initPlugin(jQuery("#unityPlayer")[0], "Example.unity3d");
请参阅 UnityObject2 了解更多详细信息。
示例使用以上代码段:
<!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> <title>Unity Web Player | "Sample"</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> <!-- var unityObjectUrl = "http://webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/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 params = { backgroundcolor: "A0A0A0", bordercolor: "000000", textcolor: "FFFFFF", logoimage: "MyLogo.png", progressbarimage: "MyProgressBar.png", progressframeimage: "MyProgressFrame.png" }; var u = new UnityObject2({ params: params }); u.observeProgress(function (progress) { var $missingScreen = jQuery(progress.targetEl).find(".missing"); switch(progress.pluginStatus) { case "unsupported": showUnsupported(); break; case "broken": alert("You will need to restart your browser after installation."); 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; } }); jQuery(function(){ u.initPlugin(jQuery("#unityPlayer")[0], "Example.unity3d"); }); </script> </head> <body> <p class="header"> <span>Unity Web Player | </span>WebPlayer </p> <div class="content"> <div id="unityPlayer"> <div class="missing"> <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!"> <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" /> </a> </div> </div> </div> <p class="footer">« created with <a href="http://unity3d.com/unity/" title="Go to unity3d.com">Unity</a> »</p> </body>
Page last updated: 2013-07-01