Spaces:
Sleeping
Sleeping
File size: 3,685 Bytes
78475cb | 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 | import Phaser from 'phaser';
import { MAX_LEVEL, GAME_WIDTH, GAME_HEIGHT, BORDER_OFFSET } from '../constants.js';
export default class PreloadScene extends Phaser.Scene {
constructor() {
super({ key: 'PreloadScene' });
}
preload() {
// Create loading screen
const loadingText = this.add.text(GAME_WIDTH / 2 + BORDER_OFFSET, GAME_HEIGHT / 2 - 20, 'LOADING...', {
fontSize: '16px',
color: '#ffffff',
fontFamily: 'monospace'
}).setOrigin(0.5);
const progressText = this.add.text(GAME_WIDTH / 2 + BORDER_OFFSET, GAME_HEIGHT / 2 + 10, '0%', {
fontSize: '14px',
color: '#ffffff',
fontFamily: 'monospace'
}).setOrigin(0.5);
// Progress bar
const progressBar = this.add.graphics();
const progressBox = this.add.graphics();
progressBox.fillStyle(0x222222, 0.8);
progressBox.fillRect(GAME_WIDTH / 2 + BORDER_OFFSET - 80, GAME_HEIGHT / 2 + 30, 160, 20);
// Update progress
this.load.on('progress', (value) => {
progressText.setText(Math.floor(value * 100) + '%');
progressBar.clear();
progressBar.fillStyle(0xffffff, 1);
progressBar.fillRect(GAME_WIDTH / 2 + BORDER_OFFSET - 78, GAME_HEIGHT / 2 + 32, 156 * value, 16);
});
this.load.on('complete', () => {
progressBar.destroy();
progressBox.destroy();
loadingText.destroy();
progressText.destroy();
});
// Load title screen
this.load.image('title', 'assets/title.png');
// Load game over screen
this.load.image('game-over', 'assets/game-over.png');
// Load block sprite sheet (grayscale with depth)
this.load.image('blocks-spritesheet', 'assets/blocks-sprite.png');
// Load crush animation sprite (40x8px = 5 frames of 8x8px)
this.load.image('crush-spritesheet', 'assets/crush.png');
// Load bitmap font (Thick 8x8 from frostyfreeze)
this.load.bitmapFont('pixel-font', 'assets/fonts/thick_8x8.png', 'assets/fonts/thick_8x8.xml');
// Load backdrops for all levels
for (let i = 1; i <= MAX_LEVEL; i++) {
this.load.image(`backdrop-${i}`, `assets/backdrops/level-${i}/backdrop.png`);
}
// Load music for all levels
for (let i = 1; i <= MAX_LEVEL; i++) {
this.load.audio(`music-${i}`, `assets/music/level-${i}/track.mp3`);
}
}
create() {
// Title image fills entire screen (256x224), offset by border
const titleImage = this.add.image(BORDER_OFFSET, 0, 'title');
titleImage.setOrigin(0, 0);
titleImage.texture.setFilter(Phaser.Textures.FilterMode.NEAREST);
// "Press space to start" text - positioned in bottom third
const startText = this.add.bitmapText(GAME_WIDTH / 2 + BORDER_OFFSET, GAME_HEIGHT * 0.7 + 20, 'pixel-font', 'PRESS SPACE TO START', 10).setOrigin(0.5);
startText.texture.setFilter(Phaser.Textures.FilterMode.NEAREST);
startText.setDepth(10);
// Demo mode timer - start demo after 10 seconds of inactivity
this.demoTimer = this.time.delayedCall(10000, () => {
this.startDemoMode();
});
// Blinking effect for start text
this.tweens.add({
targets: startText,
alpha: 0.3,
duration: 600,
yoyo: true,
repeat: -1
});
// Credits text - positioned below start text in bottom third
const creditsText = this.add.bitmapText(GAME_WIDTH / 2 + BORDER_OFFSET, GAME_HEIGHT * 0.8 + 20, 'pixel-font', 'BY MARCO VAN HYLCKAMA VLIEG', 10).setOrigin(0.5);
creditsText.texture.setFilter(Phaser.Textures.FilterMode.NEAREST);
creditsText.setDepth(10);
// Wait for space key to start
this.input.keyboard.once('keydown-SPACE', () => {
this.scene.start('ModeSelectScene');
});
}
}
|