100 lines
3.6 KiB
TypeScript
100 lines
3.6 KiB
TypeScript
/// <reference path="BaseView.ts"/>
|
|
|
|
module TS.SpaceTac.View {
|
|
export class MainMenu extends BaseView {
|
|
group: Phaser.Group;
|
|
button_new_game: Phaser.Button;
|
|
button_quick_battle: Phaser.Button;
|
|
button_load_game: Phaser.Button;
|
|
|
|
create() {
|
|
this.game.stage.backgroundColor = "#000000";
|
|
|
|
// Stars
|
|
for (let i = 0; i < 300; i++) {
|
|
let fade = Math.random() * 0.5 + 0.5;
|
|
let x = Math.random() * 0.998 + 0.001;
|
|
let star = this.add.image(1920 * x, Math.random() * 1080, "menu-star");
|
|
star.anchor.set(0.5, 0.5);
|
|
star.alpha = 0.7 * fade;
|
|
star.scale.set(0.1 * fade, 0.1 * fade);
|
|
this.tweens.create(star).to({ x: -30 }, 30000 * x / fade).to({ x: 1950 }, 0.00001).to({ x: 1920 * x }, 30000 * (1 - x) / fade).loop().start();
|
|
}
|
|
|
|
this.group = this.add.group();
|
|
this.group.x = 5000;
|
|
|
|
// Menu buttons
|
|
this.button_new_game = this.addButton(322, 674, "New Game", this.onNewGame);
|
|
this.button_load_game = this.addButton(960, 674, "Load Game", this.onLoadGame);
|
|
this.button_quick_battle = this.addButton(1606, 674, "Quick Battle", this.onQuickBattle);
|
|
|
|
// Title
|
|
let title = this.add.image(960, 225, "menu-title", 0, this.group);
|
|
title.anchor.set(0.5, 0);
|
|
|
|
this.tweens.create(this.group).to({ x: 0 }, 3000, Phaser.Easing.Circular.Out).start();
|
|
}
|
|
|
|
addButton(x: number, y: number, caption: string, callback: Function): Phaser.Button {
|
|
var button = this.add.button(x - 20, y + 20, "menu-button", callback, this, null, null, null, null, this.group);
|
|
button.anchor.set(0.5, 0);
|
|
button.input.useHandCursor = true;
|
|
|
|
var text = new Phaser.Text(this.game, 0, 76, caption,
|
|
{ align: "center", font: "bold 40pt Arial", fill: "#529aee" });
|
|
text.anchor.set(0.5, 0.5);
|
|
button.addChild(text);
|
|
|
|
button.onInputOver.add(() => {
|
|
button.loadTexture("menu-button-hover");
|
|
text.fill = "#54b9ff";
|
|
});
|
|
button.onInputOut.add(() => {
|
|
button.loadTexture("menu-button");
|
|
text.fill = "#529aee";
|
|
});
|
|
|
|
return button;
|
|
}
|
|
|
|
// Called when "New Game" is clicked
|
|
onNewGame(): void {
|
|
var gameui = <GameUI>this.game;
|
|
|
|
gameui.session.startNewGame();
|
|
|
|
this.game.state.start("router");
|
|
}
|
|
|
|
// Called when "Quick Battle" is clicked
|
|
onQuickBattle(): void {
|
|
var gameui = <GameUI>this.game;
|
|
|
|
gameui.session.startQuickBattle(true);
|
|
|
|
this.game.state.start("router");
|
|
}
|
|
|
|
// Called when "Load Game" is clicked
|
|
onLoadGame(): void {
|
|
var gameui = <GameUI>this.game;
|
|
|
|
if (gameui.loadGame()) {
|
|
this.game.state.start("router");
|
|
} else {
|
|
var error = this.game.add.text(this.button_load_game.x, this.button_load_game.y + 40,
|
|
"No saved game found",
|
|
{ font: "bold 16px Arial", fill: "#e04040" });
|
|
error.anchor.set(0.5, 0.5);
|
|
var tween = this.game.tweens.create(error);
|
|
tween.to({ y: error.y + 100, alpha: 0 }, 1000, Phaser.Easing.Exponential.In);
|
|
tween.onComplete.addOnce(() => {
|
|
error.destroy();
|
|
});
|
|
tween.start();
|
|
}
|
|
}
|
|
}
|
|
}
|