MonkeyGG2
108 lines
3.7 KiB
JavaScript
108 lines
3.7 KiB
JavaScript
/*
|
|
* class: LoadingMenu (extends PIXI.Container)
|
|
*
|
|
* Construct params
|
|
* gamefield: {width, height} in real pixels
|
|
*
|
|
*/
|
|
|
|
define([], function()
|
|
{
|
|
function LoadingMenu(windowfield, track) // constructor.
|
|
{
|
|
PIXI.Container.call(this);
|
|
this.fadetime = 200;
|
|
this.alpha = 1;
|
|
this.hidden = false;
|
|
|
|
this.bg = new PIXI.Sprite(Skin['hpbarright.png']);
|
|
this.bg.rotation = Math.PI/2;
|
|
this.bg.anchor.set(0.5);
|
|
this.bg.scale.set(0.6,500);
|
|
this.bg.alpha = 0.8;
|
|
this.addChild(this.bg);
|
|
|
|
this.titletext = new PIXI.BitmapText(track.metadata.Title || '-', {font: {name: 'Venera', size: 24}});
|
|
this.artisttext = new PIXI.BitmapText(track.metadata.Artist || '-', {font: {name: 'Venera', size: 14}});
|
|
this.versiontext = new PIXI.BitmapText(track.metadata.Version || '-', {font: {name: 'Venera', size: 14}});
|
|
this.sourcetext = new PIXI.BitmapText("Source: " + (track.metadata.Source || '-'), {font: {name: 'Venera', size: 14}});
|
|
this.mappertext = new PIXI.BitmapText("Mapper: " + (track.metadata.Creator || '-'), {font: {name: 'Venera', size: 14}});
|
|
this.titletext.anchor.set(0.5);
|
|
this.artisttext.anchor.set(0.5);
|
|
this.versiontext.anchor.set(0.5);
|
|
this.sourcetext.anchor.set(0.5);
|
|
this.mappertext.anchor.set(0.5);
|
|
|
|
this.addChild(this.titletext);
|
|
this.addChild(this.artisttext);
|
|
this.addChild(this.versiontext);
|
|
this.addChild(this.sourcetext);
|
|
this.addChild(this.mappertext);
|
|
|
|
this.loading = new PIXI.Sprite(Skin['dot.png']);
|
|
this.loading.anchor.set(0.5,0.3);
|
|
this.loading.scale.set(1,0.6);
|
|
this.addChild(this.loading);
|
|
|
|
this.resize = function(windowfield) {
|
|
this.bg.x = windowfield.width/2;
|
|
this.bg.y = windowfield.height/2;
|
|
this.titletext.x = windowfield.width/2;
|
|
this.artisttext.x = windowfield.width/2;
|
|
this.versiontext.x = windowfield.width/2;
|
|
this.sourcetext.x = windowfield.width/2;
|
|
this.mappertext.x = windowfield.width/2;
|
|
this.titletext.y = windowfield.height/2 - 90;
|
|
this.artisttext.y = windowfield.height/2 - 60;
|
|
this.versiontext.y = windowfield.height/2 + 60;
|
|
this.sourcetext.y = windowfield.height/2 + 85;
|
|
this.mappertext.y = windowfield.height/2 + 110;
|
|
this.loading.x = windowfield.width/2;
|
|
this.loading.y = windowfield.height/2;
|
|
}
|
|
this.resize(windowfield);
|
|
|
|
this.hide = function(volume) {
|
|
this.hidden = true;
|
|
}
|
|
|
|
this.updateloading = function(timestamp) {
|
|
this.loading.rotation = timestamp/128;
|
|
}
|
|
|
|
this.update = function(timestamp) {
|
|
if (!this.visible)
|
|
return;
|
|
if (!this.hidden) {
|
|
this.updateloading(timestamp);
|
|
return;
|
|
}
|
|
if (this.hidden && !this.t0) {
|
|
this.t0 = timestamp;
|
|
this.changed = false;
|
|
}
|
|
let dt = timestamp - this.t0;
|
|
if (dt > this.fadetime) {
|
|
this.visible = false;
|
|
}
|
|
else {
|
|
this.alpha = 1 - dt/this.fadetime;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
if ( PIXI.Container ) { LoadingMenu.__proto__ = PIXI.Container; }
|
|
LoadingMenu.prototype = Object.create( PIXI.Container && PIXI.Container.prototype );
|
|
LoadingMenu.prototype.constructor = LoadingMenu;
|
|
|
|
|
|
LoadingMenu.prototype.destroy = function destroy (options)
|
|
{
|
|
PIXI.Container.prototype.destroy.call(this, options);
|
|
};
|
|
|
|
return LoadingMenu;
|
|
|
|
});
|