loadscreen.js

"use strict";

define([], function() {
    function LoadScreen( parent ) {

        var progressContainer = document.createElement("div");
        progressContainer.className = "centered";
        parent.appendChild( progressContainer );

        var element = document.getElementById("status");
        element.innerHTML = "loading assets...";

        function initialize( id ) {
            var elementId = "preload_"+id;
            var element = getProgressElement( elementId );
            if( !element ) {
                element = createProgressElement(elementId);
                element.value = 0;
            }
        }

        function update(id, percent) {
            var elementId = "preload_"+id;
            var element = getProgressElement( elementId );
            element.value = percent;
        }

        function getProgressElement(id) {
            return document.getElementById(id);
        }

        function createProgressElement(id) {
            var result = document.createElement("progress");
            result.max = 100;
            result.id = id;
            result.className = "assetProgress";
            progressContainer.appendChild( result );
            return result;
        }

        function close() {
            parent.removeChild( progressContainer );
            parent.removeChild( document.getElementById("logo") );
            document.body.removeChild( document.getElementById("status"));

            createGameScreen();
        }

        function createGameScreen() {
            var sceneElement = document.createElement("div");
            sceneElement.id = "scene";
            document.body.appendChild( sceneElement );
            var messageElement = document.createElement("div");
            messageElement.id = "message";
            messageElement.style.display = "none";
            document.body.appendChild( messageElement );
        }

        return {
            initialize: initialize,
            update: update,
            close: close,
        };
    }

    return {
        LoadScreen:LoadScreen,
    };
});