Настройка экрана загрузки Unity Web Player

По умолчанию Unity Web Player показывает небольшой логотип Unity и индикатор загрузки контента. У вас есть возможность настроить внешний вид этого экрана загрузки, включая логотип и сам индикатор процесса загрузки.

Обратите внимание, что изменять изображения экрана загрузки возможно только с Unity Pro.

Есть шесть необязательных параметров, которые можно передать UnityObject, для настройки отображения экрана загрузки Unity Web Player. Вот эти необязательные параметры:

backgroundcolor: Цвет фона области контента web player во время загрузки, по умолчанию белый.
bordercolor: Цвет границы шириной в один пиксель вокруг области контента web player во время загрузки, по умолчанию белый.
textcolor: Цвет текста сообщения об ошибке (например, когда не удается загрузить файл). По умолчанию может быть черным либо белым, в зависимости от цвета фона.
logoimage: Путь к индивидуальному графическому файлу логотипа, изображение логотипа отрисовывается по центру области контента web player во время загрузки.
progressbarimage: Путь к индивидуальному изображению, которое используется в качестве индикатора загрузки. Изображение индикатора загрузки обрезается, в зависимости от части завершенной загрузки файла, следовательно оно появляется с шириной в 0 пикселей и анимируется к своей исходной ширине. Индикатор загрузки отрисовывается под изображением логотипа.
progressframeimage: Путь к индивидуальному изображению, использующемся как рамка для индикатора загрузки.

Все значения цветов должны быть представлены в виде 6-значных шестнадцатеричных цветов.(пр. FFFFFF, 020F16, и т.д.). Пути к графическим файлам могут быть как абсолютными, так и относительными ссылками. Изображения должны быть файлами PNG в формате RGB (без прозрачности) или RGBA (с прозрачностью), c 8-битной глубиной цвета. И наконец, 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">&laquo; created with <a href="http://unity3d.com/unity/" title="Go to unity3d.com">Unity</a> &raquo;</p>
    </body>

Working with UnityObject2

Настройка поведения веб проигрывателя Unity

Руководство Unity

Настройка экрана загрузки Unity Web Player