愤怒的小鸟 HTML5 小游戏

一个纯 HTML5 + CSS3 + JavaScript 实现的愤怒的小鸟物理弹射游戏，无需任何框架或构建工具，开箱即用。

🎮 游戏特色

• 弹弓物理引擎：拖拽瞄准、力度控制、虚线轨迹预览，松手发射
• 三种小鸟：
  • 🔴 红鸟：标准弹射 bird
  • 🔵 蓝鸟：飞行中点击/空格分裂成 3 只
  • 🟡 黄鸟：飞行中点击/空格冲刺加速
• 三种材质结构：木箱、石块、冰块，各有不同耐久度
• 3 个关卡：初试身手 → 双重麻烦 → 坚固堡垒，难度递增
• 计分系统：击杀猪 +5000、破坏结构 +500~1000、剩余鸟奖励 +10000/只
• 视觉效果：粒子爆炸、得分飘字、飞行残影、云朵漂动
• 音效：WebAudio 合成音效（发射、碰撞、胜利等）
• 移动端支持：Pointer Events 触屏、响应式视口适配

🚀 快速开始

# 进入项目目录
cd angry-birds

# 启动本地 HTTP 服务器
python3 -m http.server 8080

# 浏览器打开
open http://localhost:8080

🎯 玩法说明

1. 在主菜单点击「开始游戏」
2. 选择关卡（需逐关解锁）
3. 按住小鸟向后拖拽瞄准，虚线显示预测轨迹
4. 松手发射小鸟，利用物理碰撞击倒结构、消灭绿猪
5. 消灭所有猪即获胜，剩余小鸟越多得分越高

小鸟特殊能力

小鸟	能力	触发方式
红鸟	无特殊能力	—
蓝鸟	分裂成 3 只	飞行中点击/空格
黄鸟	冲刺加速	飞行中点击/空格

📁 项目结构

angry-birds/
├── index.html    # 游戏主页面与 UI 结构
├── style.css     # 卡通风格样式与响应式布局
├── game.js       # 完整游戏逻辑（物理引擎、渲染、输入、关卡）
└── README.md     # 项目说明文档

🛠 技术栈

• HTML5 Canvas：游戏画面渲染
• CSS3：UI 界面样式、响应式布局
• 纯 JavaScript：物理引擎、碰撞检测、游戏逻辑
• WebAudio API：合成音效
• Pointer Events：统一鼠标/触屏输入

📝 技术亮点

• 自实现轻量物理引擎（重力、速度积分、多类型碰撞检测）
• 圆-圆、圆-矩形、矩形-矩形三种碰撞响应
• 结构倒塌连锁反应（撞击唤醒静态块）
• 子步积分（每帧 6 步）提高碰撞精度
• localStorage 保存关卡进度

📄 许可证

MIT License