Exemple #1
0
function preloader_callback(percentage, load_time) {
    preloader_caption.innerHTML = percentage + "%";

    if (percentage < 33) {
        circle_container.style.display = "block";
        first_stage.style.width = percentage * 4.7 + "px";
        circle_container.style.webkitTransform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
        circle_container.style.transform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
    } else if (percentage < 66) {
        first_stage.style.width = 142 + "px";
        second_stage.style.backgroundColor = "#000";
        second_stage.style.marginTop = "135px";

        if (135 - (percentage - 33) * 4.5 > 0)
            second_stage.style.marginTop = 135 - (percentage - 33) * 3.5 + "px";

        circle_container.style.webkitTransform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
        circle_container.style.transform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
    } else if (percentage != 100) {
        second_stage.style.marginTop = "0px";
        third_stage.style.backgroundColor = "#000";
        third_stage.style.height = "0px";

        if (percentage > 75)
            third_stage.style.height = (percentage * 0.1) + "px";

        circle_container.style.webkitTransform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
        circle_container.style.transform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
    }

    if (percentage == 100) {
        var first_elem = document.getElementById("first_stage");

        if (!first_elem)
            return;

        if (!m_sfx.check_active_speakers())
            sound_on_button.parentElement.removeChild(sound_on_button);

        first_stage.parentElement.removeChild(first_stage)
        second_stage.parentElement.removeChild(second_stage)
        third_stage.parentElement.removeChild(third_stage)
        circle_container.parentElement.removeChild(circle_container)
        load_container.style.backgroundColor = "#000";

        anim_elem(preloader_caption, "opacity", CAPTION_HIDE_DELAY, 0, 1, "", "", function() {
            anim_elem(load_container, "opacity", LOGO_CIRCLE_HIDE_DELAY, 0, 1, "", "", function() {
                anim_elem(logo_container, "opacity", LOGO_HIDE_DELAY, 0, 1, "", "", function() {
                    anim_elem(preloader_container, "opacity", PRELOADER_HIDE_DELAY, 0, 1, "", "", function() {
                        preloader_container.parentElement.removeChild(preloader_container);
                    });
                });
                opened_button.style.display = "block";
                anim_elem(opened_button, "transform", MENU_BUTTON_SHOW_DELAY, 1, 0, "scale(", ")");
            });
        });
    }
}
Exemple #2
0
function preloader_callback(percentage, load_time) {
    _preloader_caption.innerHTML = percentage + "%";

    if (percentage < 33) {
        _circle_container.style.display = "block";
        _first_stage.style.width = percentage * 4.7 + "px";
        _circle_container.style.webkitTransform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
        _circle_container.style.transform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
    } else if (percentage < 66) {
        _first_stage.style.width = 142 + "px";
        _second_stage.style.backgroundColor = "#000";
        _second_stage.style.marginTop = "135px";

        if (135 - (percentage - 33) * 4.5 > 0)
            _second_stage.style.marginTop = 135 - (percentage - 33) * 3.5 + "px";

        _circle_container.style.webkitTransform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
        _circle_container.style.transform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
    } else if (percentage != 100) {
        _second_stage.style.marginTop = "0px";
        _third_stage.style.backgroundColor = "#000";
        _third_stage.style.height = "0px";

        if (percentage > 75)
            _third_stage.style.height = (percentage * 0.1) + "px";

        _circle_container.style.webkitTransform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
        _circle_container.style.transform = 'rotate('+ (percentage * 3.6 - 503) + 'deg)';
    }

    if (percentage == 100) {
        if (!m_sfx.check_active_speakers()) {
            var sound_on_button = document.querySelector("#sound_on_button");

            sound_on_button.parentElement.removeChild(sound_on_button);
        }

        _first_stage.parentElement.removeChild(_first_stage)
        _second_stage.parentElement.removeChild(_second_stage)
        _third_stage.parentElement.removeChild(_third_stage)
        _circle_container.parentElement.removeChild(_circle_container)
        _load_container.style.backgroundColor = "#000";

        anim_elem(_preloader_caption, "opacity", CAPTION_HIDE_DELAY, 0, 1, "", "", function() {
            anim_elem(_load_container, "opacity", LOGO_CIRCLE_HIDE_DELAY, 0, 1, "", "", function() {
                anim_elem(_logo_container, "opacity", LOGO_HIDE_DELAY, 0, 1, "", "", function() {
                    anim_elem(_preloader_container, "opacity", PRELOADER_HIDE_DELAY, 0, 1, "", "", function() {
                        _preloader_container.parentElement.removeChild(_preloader_container);
                        open_menu();
                    });
                });
                _opened_button.style.display = "block";
                anim_elem(_opened_button, "transform", MENU_BUTTON_SHOW_DELAY, 1, 0, "scale(", ")");
            });
        });
    }
}