GS.ZipAssetLoader = function(audioContext) {
this.audioContext = audioContext,
this.objLoader = new THREE.OBJLoader,
this.mapLoader = new GS.MapLoader,
this.fontLoader = new GS.FontLoader,
this.fontLoader.fontPath = "",
this.zipPath = "assets.zip",
this.path = {},
this.path[GS.AssetTypes.Texture] = "textures/",
this.path[GS.AssetTypes.CubeTexture] = "textures/",
this.path[GS.AssetTypes.UIWidget] = "textures/widgets/",
this.path[GS.AssetTypes.Mesh] = "meshes/",
this.path[GS.AssetTypes.Sound] = "sounds/",
this.path[GS.AssetTypes.Map] = "maps/",
this.path[GS.AssetTypes.Script] = "scripts/",
this.path[GS.AssetTypes.MusicTrack] = "music/",
this.reset()
}
GS.ZipAssetLoader.prototype = {
reset: function() {
this.loaded = !1,
this.assetsToLoad = 0,
this.queue = [],
this.assets = {},
this.assets[GS.AssetTypes.Texture] = {},
this.assets[GS.AssetTypes.CubeTexture] = {},
this.assets[GS.AssetTypes.UIWidget] = {},
this.assets[GS.AssetTypes.Mesh] = {},
this.assets[GS.AssetTypes.Sound] = {},
this.assets[GS.AssetTypes.Map] = {},
this.assets[GS.AssetTypes.Script] = {},
this.assets[GS.AssetTypes.MusicTrack] = {}
},
init: function() {
for (var j in GS.AssetTypes) {
var assetDict = GS.Assets[GS.AssetTypes[j]];
for (var i in assetDict)
this.add(i, assetDict[i].filename, GS.AssetTypes[j])
}
},
add: function(name, filename, type) {
this.queue.push({
name: name,
filename: filename,
type: type
}),
this.assetsToLoad++
},
loadZip: function() {
var that = this
, xhr = new XMLHttpRequest;
xhr.open("GET", this.zipPath, !0),
xhr.responseType = "arraybuffer",
xhr.onreadystatechange = function(e) {
4 == this.readyState && 200 == this.status && (that.zip = new JSZip(this.response),
setTimeout(function() {
that._load()
}, 0))
}
,
xhr.onprogress = function(e) {
that.zipOnProgress(e)
}
,
xhr.send()
},
_load: function() {
var that = this;
this.totalAssets = this.queue.length + 1,
this.assetsToLoad++,
this.fontLoader.load("hudFont", GS.CustomFontFile, function() {
that.checkIfFullyLoaded()
});
for (var asset; this.queue.length > 0; )
asset = this.queue.pop(),
asset.name in this.assets[asset.type] ? this.assetsToLoad-- : this.loadAsset(asset)
},
load: function() {
this.loadZip()
},
loadAsset: function(asset) {
switch (asset.type) {
case GS.AssetTypes.Texture:
this.loadTexture(asset.name, asset.filename);
break;
case GS.AssetTypes.CubeTexture:
this.loadCubeTexture(asset.name, asset.filename);
break;
case GS.AssetTypes.UIWidget:
this.loadUIWidget(asset.name, asset.filename);
break;
case GS.AssetTypes.Mesh:
this.loadMesh(asset.name, asset.filename);
break;
case GS.AssetTypes.Sound:
this.loadSound(asset.name, asset.filename, GS.AssetTypes.Sound);
break;
case GS.AssetTypes.Map:
this.loadMap(asset.name, asset.filename);
break;
case GS.AssetTypes.Script:
this.loadScript(asset.name, asset.filename);
break;
case GS.AssetTypes.MusicTrack:
this.loadSound(asset.name, asset.filename, GS.AssetTypes.MusicTrack)
}
},
getImageFromZip: function(path) {
var buffer = this.zip.file(path).asArrayBuffer()
, blob = new Blob([buffer],{
type: "image/png"
})
, urlCreator = window.URL || window.webkitURL
, imageUrl = urlCreator.createObjectURL(blob)
, img = new Image;
return img.src = imageUrl,
img
},
getTextureFromZip: function(path) {
var img = this.getImageFromZip(path)
, tex = new THREE.Texture(img);
return tex.needsUpdate = !0,
tex
},
loadTexture: function(name, filename) {
var path = this.path[GS.AssetTypes.Texture] + filename;
this.assets[GS.AssetTypes.Texture][name] = this.getTextureFromZip(path),
this.checkIfFullyLoaded()
},
loadCubeTexture: function(name, folder) {
var path = this.path[GS.AssetTypes.CubeTexture] + folder + "/"
, tex = new THREE.Texture;
tex.image = [],
tex.flipY = !1;
for (var i = 0; i < GS.CubeTextureNames.length; i++)
tex.image[i] = this.getImageFromZip(path + GS.CubeTextureNames[i] + GS.CubeTextureExtension);
tex.needsUpdate = !0,
this.assets[GS.AssetTypes.CubeTexture][name] = tex,
this.checkIfFullyLoaded()
},
loadUIWidget: function(name, filename) {
var path = this.path[GS.AssetTypes.UIWidget] + filename;
this.assets[GS.AssetTypes.UIWidget][name] = this.getImageFromZip(path),
this.checkIfFullyLoaded()
},
loadMesh: function(name, filename) {
var path = this.path[GS.AssetTypes.Mesh] + filename
, text = this.zip.file(path).asText();
this.assets[GS.AssetTypes.Mesh][name] = this.objLoader.parse(text).children[0],
this.checkIfFullyLoaded()
},
loadSound: function(name, filename, assetType) {
var that = this
, path = this.path[assetType] + filename
, encodedBuffer = this.zip.file(path).asArrayBuffer();
this.audioContext.decodeAudioData(encodedBuffer, function(buffer) {
that.assets[assetType][name] = buffer,
that.checkIfFullyLoaded()
})
},
loadMap: function(name, filename) {
var path = this.path[GS.AssetTypes.Map] + filename;
"testMap" !== name ? this.assets[GS.AssetTypes.Map][name] = this.zip.file(path).asText() : GAME.isTestMap() && (this.assets[GS.AssetTypes.Map][name] = this.mapLoader.loadTestMap()),
this.checkIfFullyLoaded()
},
loadScript: function(name, filename) {
var path = this.path[GS.AssetTypes.Script] + filename
, scriptTag = document.createElement("script");
scriptTag.text = this.zip.file(path).asText(),
document.body.appendChild(scriptTag),
this.checkIfFullyLoaded()
},
zipOnProgress: function(e) {
var percentLoaded = e.loaded / e.total * 50;
this.dispatchEvent({
type: "progress",
percentLoaded: percentLoaded.toFixed(0)
})
},
checkIfFullyLoaded: function() {
this.assetsToLoad--;
var percentLoaded = 100 * (.5 + (this.totalAssets - this.assetsToLoad) / this.totalAssets * .5);
this.dispatchEvent({
type: "progress",
percentLoaded: percentLoaded.toFixed(0)
}),
0 === this.assetsToLoad && (this.loaded = !0,
this.dispatchEvent({
type: "load",
percentLoaded: 100,
assets: this.assets
}))
}
}
