用 WorkBuddy 做一个"摸鱼钓鱼"小游戏，上班也能光明正大摸鱼

const FISH_TYPES = [
    { color: '#4fc3f7', size: 20, speed: 2, points: 10, weight: 50 },
    { color: '#ffd700', size: 24, speed: 3.5, points: 100, weight: 5 },
];

class Fish {
    constructor() {
        this.type = this.pickType();  // 按权重随机
        this.x = Math.random() < 0.5 ? -50 : W + 50;
        this.dir = this.x < 0 ? 1 : -1;
        this.y = H * waterTop + 60 + Math.random() * (H * (1 - waterTop) - 120);
    }
    pickType() {
        let total = FISH_TYPES.reduce((s, t) => s + t.weight, 0);
        let r = Math.random() * total;
        for (let t of FISH_TYPES) {
            r -= t.weight;
            if (r <= 0) return t;
        }
    }
}

class Hook {
    constructor(x, y) {
        this.state = 'casting';
        this.targetY = y;
        this.caughtFish = null;
    }
    update(dt) {
        if (this.state === 'casting') {
            this.y += (this.targetY - this.y) * 0.15;  // 缓动下落
        } else if (this.state === 'waiting') {
            // 检测碰撞
            for (let fish of fishes) {
                if (fish.contains(this.x, this.y)) {
                    this.caughtFish = fish;
                    this.state = 'reeling';
                }
            }
            if (this.waitTimer > 3) this.state = 'reeling';  // 3秒自动收杆
        } else if (this.state === 'reeling') {
            this.y -= 6;  // 匀速上拉
            if (this.caughtFish) {
                this.caughtFish.x = this.x;
                this.caughtFish.y = this.y;
            }
        }
    }
}

function catchFish(fish) {
    let points = fish.type.points * combo;
    score += points;
    combo = Math.min(combo + 1, 5);  // 最高5倍
    comboTimer = 0;
}

function toggleBossMode() {
    bossMode = !bossMode;
    if (bossMode) {
        renderFakeCode();  // 生成VS Code风格的代码
        fakeWork.style.display = 'block';
    } else {
        fakeWork.style.display = 'none';
    }
}

document.addEventListener('keydown', (e) => {
    if (e.key === 'Escape') toggleBossMode();
});

for (let layer = 0; layer < 3; layer++) {
    let baseY = H * waterTop + layer * 8;
    for (let x = 0; x <= W; x += 10) {
        let y = baseY + Math.sin((x + waveOffset * (layer + 1) * 30) * 0.02) * 4;
        ctx.lineTo(x, y);
    }
    ctx.globalAlpha = 0.5 - layer * 0.15;
}

moyu-fishing-game.html
├── CSS
│   ├── HUD 样式（毛玻璃 + 渐变）
│   ├── 开始/结束界面
│   ├── 老板键假代码界面（VS Code 风格）
│   └── 动画 keyframes
├── HTML
│   ├── Canvas 画布
│   ├── HUD（分数/时间/连击）
│   ├── 老板键按钮
│   ├── 开始/结束弹窗
│   └── 假工作界面
└── JavaScript
    ├── Fish 类（4种鱼，权重随机）
    ├── Hook 类（三状态：下钩/等待/收杆）
    ├── Particle 类（粒子特效）
    ├── Bubble 类（背景气泡）
    ├── drawBackground()（星空+水面+海草+光柱）
    ├── gameLoop()（requestAnimationFrame）
    └── 老板键逻辑（ESC 切换）