qq-show-game:基于原生 HTML/CSS/JavaScript 的互动换装小游戏项目

QQ秀换装乐园

分支1Tags0
文件最后提交记录最后更新时间
21 天前
21 天前
21 天前
21 天前
21 天前
21 天前

🌟 QQ秀换装乐园 - 互动换装小游戏

一个基于纯 HTML/CSS/JavaScript 的 QQ秀风格换装小游戏,致敬经典 QQ秀玩法。

✨ 功能特性

  • 🎭 多部位换装:发型、上衣、下装、鞋子、配饰、背景共 6 大分类
  • 🛒 金币购买系统:初始 1000 金币,购买新装备解锁更多搭配
  • 📸 形象收藏:保存喜欢的搭配方案,随时加载查看
  • 🎲 随机搭配:一键随机生成造型,发现意想不到的组合
  • 📤 分享功能:复制搭配信息到剪贴板,分享给好友
  • 🌸 动态特效:飘落粒子动画,营造梦幻氛围
  • 📱 响应式设计:支持手机和桌面端访问

🎮 玩法说明

  1. 打开 index.html 即可开始游戏
  2. 点击右侧分类标签切换装备类型
  3. 点击装备卡片进行换装(未拥有的需要金币购买)
  4. 点击"保存形象"收藏当前搭配
  5. 点击"随机搭配"一键生成随机造型

🛠️ 技术栈

  • HTML5 - 页面结构
  • CSS3 - 样式与动画(渐变、弹性布局、关键帧动画)
  • JavaScript (ES6+) - 游戏逻辑与交互

📂 项目结构

qq-show-game/
├── index.html    # 主页面
├── style.css     # 样式文件
├── game.js       # 游戏逻辑
└── README.md     # 项目说明

🚀 快速开始

直接用浏览器打开 index.html 即可运行,无需任何依赖安装。

📖 博客文档

请查看 BLOG.md 了解技术路线、开发心得和优化方向。

📄 License

MIT