ResourceMan.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110

(function(window) {

var ResourceMan = function() {
    this.initialize();
}
var p = ResourceMan.prototype;

ResourceMan.fileType = {
    "png": "image",
    "jpg": "image",
    "jpeg": "image",
};

ResourceMan.getFileType = function(url) {
    re = /\.(.+)$/
    
    suffix = re.exec(url)[1];
    
    if (suffix && suffix in ResourceMan.fileType) {
        return ResourceMan.fileType[suffix];
    }
    
    return "unknown";
}

    p._sources = null;
    p._loading = null;
    p._resources = null;
    
    p._progress = 0;
    
    // callback when loading is done
    p.done = null;
    
    // prefix every url with this
    p.root = "";

    p.initialize = function() {
        this._sources = new Array();
        this._loading = {}
        this._resources = {};
        this._progress = 0;
        this.done = null;
        this.root = "";
    }
    
    p.add = function(n, url) {
        var src = {};
        src.url = this.root + url;
        src.n = n;
        this._sources.push(src);
        //this._sources[n] = this.root + url;
    }
    
    p.get = function(n) {
        if (n in this._resources) {
            return this._resources[n];
        }
        
        return null;
    }

    p.progress = function() {
        return this._progress / this._sources.length * 100;
    }
    
    p.loadAll = function(onload) {
        var _this = this;
        
        //this._sources.forEach(function(idx, val, arr) {
        //for each (var src in this._sources) {
        for (var i = 0; i < this._sources.length; i++) {
            var src = this._sources[i];
            var ft = ResourceMan.getFileType(src.url);
            
            var res = {};
            res.n = src.n;
            res.onload = onload;
            res.type = ft;
            
            switch (ft) {
                case "image":
                    res.img = new Image();
                    //res.img.res = res;
                    res.img.onload = function(e) {
                        _this._resourceLoaded(res);
                    }
                    res.img.src = src.url;
                    break;
            }
            
            this._loading[res.n] = res;
        }
    }
    
    p._resourceLoaded = function(res) {
        switch (res.type) {
            case "image":
                this._resources[res.n] = res.img;
                break;
        }
        
        this._progress++;
        
        if (res.onload) res.onload();
        if (this._progress == this._sources.length && this.done) this.done();
    }

window.ResourceMan = ResourceMan;
}(window))