/**
 * WorldLand 场景类
 * 
 * 初始引导场景，显示空白背景并在用户交互或自动延迟后
 * 执行过渡动画切换到下一个场景
 */
import WorldTime from './WorldTime.js'

export default class WorldLand extends WorldTime {
    constructor(sceneKey = 'WorldLand') {
        // 场景相关
        super(sceneKey)
        this.nextScene = 'BreatheLife'

        // 层级相关
        this.mapDepth = 0  // 地图层级
        
        // 地图相关
        this.tileCount = 234  // 瓦片总数，从tile_0000到tile_0233
        this.tileSize = 16  // 瓦片大小
        this.mapWidth = 18; // 瓦片图行数
        this.mapHeight = 13; // 瓦片图列数
    }
    
    preload() {
        // 加载草地瓦片图
        this.load.image(`grass`, `assets/PNG/Tiles/Tiles/tile_0024.png`)
        this.load.image(`smallGrass`, `assets/PNG/Tiles/Tiles/tile_0044.png`)
    }

    create() {
        super.create()

        // 初始化场景切换条件
        this.initSceneTransition()

        // 覆盖输入
        this.initInput()

        this.createTilemap()  // 创建瓦片地图
        
        this.initFrameRateText()  // 初始化帧率显示文本
    }
    initSceneTransition() {
        // 初始化计数器，用于跟踪创建的小草数量
        this.smallGrassCount = 0
    }
    initInput() {
        // 移除父类的输入事件监听器，避免重复监听
        super.removeListener()

        // 监听鼠标点击事件，点击后创建一个新的小草
        this.input.on('pointerdown', () => {
            // 获取点击位置的坐标
            const { x, y } = this.input.activePointer
            this.createSmallGrass(x, y)
        })
        
        // 监听键盘按键事件，按键后执行场景过渡动画
        this.input.keyboard.on('keydown', () => {
            this.scene.start(this.nextScene);
        })
    }
    removeListener() {
        // 移除鼠标点击事件监听器
        this.input.off('pointerdown');
        // 移除键盘按键事件监听器
        this.input.keyboard.off('keydown');
    }


    update() {
        this.showFrameRate()  // 显示当前帧率
        this.updateGameTime()  // 更新游戏时间
        this.displayTime()  // 显示当前游戏时间
        this.updateDayNight()  // 更新昼夜状态
    }


    createTilemap() {
        // 获取当前屏幕大小
        const screenWidth = this.cameras.main.width;
        const screenHeight = this.cameras.main.height;
        
        // 计算需要的瓦片数量
        const tilesX = Math.ceil(screenWidth / this.tileSize);
        const tilesY = Math.ceil(screenHeight / this.tileSize);
        
        // 草地铺满屏幕
        for (let y = 0; y < tilesY; y++) {
            for (let x = 0; x < tilesX; x++) {
                // 使用草地瓦片
                const tile = this.add.image(
                    x * this.tileSize + this.tileSize / 2,
                    y * this.tileSize + this.tileSize / 2,
                    'grass'
                );
                tile.setDepth(this.mapDepth); // 设置深度，确保在UI层级之下
            }
        }
        
        console.log(`草地铺满屏幕完成，使用了 ${tilesX}x${tilesY} 个瓦片`)
    }

    createSmallGrass(x, y) {
        if (this.smallGrassCount >= 5) {
            this.scene.start(this.nextScene);
        }
        // 创建瓦片图实例
        const tile = this.add.image(x, y, 'smallGrass');
        tile.setDepth(this.mapDepth); // 设置深度，确保在UI层级之下
        tile.setScrollFactor(0); // 固定瓦片，不随相机移动
        // 增加小草计数器
        this.smallGrassCount++;
    }
    initFrameRateText() {
        // 创建帧率显示文本
        this.frameRateText = this.add.text(
            20, 60, '', {
                fontSize: '20px',
                fill: '#ffffff',
                fontFamily: 'Arial'
            }
        ).setScrollFactor(0).setDepth(this.UIDepth) // 固定文本，不随相机移动，UI层级
    }
    showFrameRate() {
        const frameRate = this.game.loop.actualFps  // 获取当前帧率
        this.frameRateText.setText(`Frame Rate: ${frameRate.toFixed(2)}`)  // 更新帧率显示文本
    }
}