加载Unity3D游戏开发之自定义 Unity 网络播放器加载屏幕

Unity3D游戏开发之自定义Unity网络播放器加载屏幕自定义Unity网络播放器(Web Player)加载屏幕

Unity网络播放器(Web Player)在加载内容时默认显示一个小的Unity徽标和进度条。可以自定义加载屏幕的外观包括徽标和进度条显示。

请注意只有Unity专业版可以修改载入程序图像。 

有六个可选参数可以传递给UnityObject用来自定义Unity网络播放器(Web Player)加载屏幕的外观。它们分别是

1 、 backgroundcolor加载时网络播放器内容显示区域的背景色默认为白色。

2、 bordercolor加载时网络播放器内容显示区域的边框色默认为白色。

3、 textcolor错误信息文本的颜色如数据文件加载失败时 。默认为黑色或白色根据背景色而定。

4、 logoimage 自定义徽标图像的路径。加载时徽标图像位于网络播放器内容显示区域的中央。

5、 progressbar image加载时用作进度条的自定义图像路径。进度条图像的宽度根据完成的文件加载量进行裁剪采用动画效果从零像素宽开始直至加载完成时到达原始宽度。进度条位于徽标图像下方。

6、 progressframeimage:加载时将进度条框起来的自定义图像路径。提供的所有颜色值必须为六位数十六进制颜色如FFFFFF、 020F16等 。提供的图像路径可以是相对链接或绝对链接所有图像文件必须为RGB格式不透明或RGBA格式透明以8位数/通道保存的PNG文件。最后 progressframeimage和progressbar image的高度应相等。文章出处【狗刨学习网】

以下是自定义Unity网络播放器(Web Player)加载屏幕外观的脚本示例。

背景色设为浅灰(A0A0A0) 边框颜色为黑色(000000) 文本颜色为白色(FFFFFF) 载入程序图像为MyLogo png、 MyProgressBar png和MyProgressFrame png。所有参数列入单个params对象组并传递给UnityObject2构造函数。

1. var params = {

2. backgroundcolor: "A0A0A0",

3. bordercolor: "000000",

4. textcolor: "FFFFFF",

5. logoimage: "MyLogo.png",

6. progressbarimage: "MyProgressBar.png",

7. progressframeimage: "MyProgressFrame.png"

8. };

9. var u = UnityObject2({ params: params });

10. u.initPlugin(jQuery("#unityPlayer") [0] , "Example.unity3d");

示例使用以上代码段

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2. <html xmlns="http://www.w3.org/1999/xhtml">

3. <head>

4. <title>Unity Web Player | "Sample"</title>

5. <script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

6. <script type="text/javascript">

7. <! --

8. var unityObjectUrl =

"http://webplayer.unity3d.com/download_webplayer-

3.x/3.0/uo/UnityObject2.js";

9. if (document.location.protocol == 'https: ' )

10. unityObjectUrl = unityObjectUrl.replace("http://","https://ssl-");

11. document.write( '<script type="text\/javascript" src=" ' +unityObjectUrl + ' "><\/script>' );

12. -->

13. </script>

14. <script type="text/javascript">

15. var params = {

16. backgroundcolor: "A0A0A0",

17. bordercolor: "000000",

18. textcolor: "FFFFFF",

19. logoimage: "MyLogo.png",

20. progressbarimage: "MyProgressBar.png",

21. progressframeimage: "MyProgressFrame.png"

22. };

23. var u = new UnityObject2({ params: params });

24. u.observeProgress(function (progress) {

25. var $missingScreen =jQuery(progress.targetEl) .find(" .missing");

26. switch(progress.pluginStatus) {

27. case "unsupported" :

28. showUnsupported();

29. break;

30. case "broken" :

31. alert("You will need to restart your browser afterinstallation. ");

32. break;

33. case "missing" :

34. $missingScreen.find("a") .click(function (e) {

35. e.stopPropagation();

36. e.preventDefault();

37. u.installPlugin();

38. return false;

39. });

40. $missingScreen.show();

41. break;

42. case "installed" :

43. $missingScreen.remove();

44. break;

45. case "first" :

46. break;

47. }

48. });

49. jQuery(function(){

50. u.initPlugin(jQuery("#unityPlayer") [0] , "Example.unity3d");

51. });

52. </script>

53. </head>

54. <body>

55. <p class="header">

56. <span>Unity Web Player | </span>WebPlayer

57. </p>

58. <div class="content">

59. <div id="unityPlayer">

60. <div class="missing">

61. <a href="http://unity3d.com/webplayer/"title="Unity Web Player. Install now! ">

62. <img alt="Unity Web Player. Install now! "src="http://webplayer.unity3d.com/installation/getunity.png"width="193" height="63" />

63. </a>

64. </div>

65. </div>

66. </div>

67. <p class="footer">&laquo; created with <ahref="http://unity3d.com/unity/" title="Go to unity3d.com">Unity</a>

&raquo;</p>

68. </body>