attention-retro-disorder/src/scenes/MainMenu.js

67 lines
1.9 KiB
JavaScript

export default class MainMenu extends Phaser.Scene {
constructor() {
super({ key: 'MainMenu' });
}
preload() {
this.load.json('gameConfig', 'config/game.json');
}
create() {
const cx = 800, cy = 450;
// Title
this.add.text(cx, 280, 'ATTENTION RETRO DISORDER', {
fontSize: '64px',
fontFamily: 'monospace',
color: '#00ff00',
stroke: '#005500',
strokeThickness: 4,
}).setOrigin(0.5);
this.add.text(cx, 370, 'A MULTI-GAME RETRO EXPERIENCE', {
fontSize: '28px',
fontFamily: 'monospace',
color: '#00aa00',
}).setOrigin(0.5);
// Game list
const games = [
'★ COLORADO DEFENSE (Missile Command)',
'★ CODE BUG INVADERS (Space Invaders)',
'★ DOT DUDE (Pac-Man)',
'★ SMASH OUT (Arkanoid)',
];
games.forEach((txt, i) => {
this.add.text(cx, 470 + i * 38, txt, {
fontSize: '22px',
fontFamily: 'monospace',
color: '#ffff00',
}).setOrigin(0.5);
});
// Blink "Press SPACE"
const prompt = this.add.text(cx, 730, 'PRESS SPACE OR CLICK TO START', {
fontSize: '32px',
fontFamily: 'monospace',
color: '#ffffff',
}).setOrigin(0.5);
this.tweens.add({
targets: prompt,
alpha: 0,
duration: 600,
yoyo: true,
repeat: -1,
});
this.input.keyboard.once('keydown-SPACE', () => this.startGame());
this.input.once('pointerdown', () => this.startGame());
}
startGame() {
const cfg = this.cache.json.get('gameConfig');
this.scene.start('GameManager', { config: cfg, level: 1, lives: cfg.lives });
}
}