更新记录

1.0.2（2025-11-14）

逻辑调整，判定准确

1.0.1（2025-11-14）

页面美化

1.0.0（2025-11-14）

init

平台兼容性

uni-app(4.84)

Vue2	Vue3	Chrome	Safari	app-vue	app-nvue	Android	iOS	鸿蒙
√	√	√	√	√	-	√	√	-

微信小程序	支付宝小程序	抖音小程序	百度小程序	快手小程序	京东小程序	鸿蒙元服务	QQ小程序	飞书小程序	快应用-华为	快应用-联盟
√	-	-	-	-	-	-	-	-	-	-

uni-app x(4.84)

Chrome	Safari	Android	iOS	鸿蒙	微信小程序
-	-	-	-	-	-

背了个锅 - 职场生存游戏

📖 项目简介

《背了个锅》是一款休闲解压类小游戏，融合了多种爆火游戏的玩法，结合职场打工人易背锅的主题，通过轻松愉快的游戏方式，让玩家在职场打工人中引起共鸣。

游戏背景

在繁华都市的商业核心区，矗立着一座名为"卓越大厦"的摩天大楼。这座大楼里汇聚了无数家公司，竞争的硝烟弥漫在每一个角落。随着市场的风云变幻和经济形势的日益严峻，公司的业务逐渐陷入了困境。为了削减成本，维持公司的运营，高层不得不做出了一个艰难的决定——大规模裁员。

在这个关键时刻，一个神秘的力量悄然降临，将员工们卷入了一场奇异的游戏...

🎮 游戏玩法

核心玩法

移动控制：手指左右滑动，控制打工人移动
接取道具：上方领导不断投掷道具，玩家需要控制人物接住正向道具，躲避负向道具
道具合成：同类道具可以合成，最终合成大黑锅
职位晋升：通过背锅数累积，获得职位晋升

道具系统

正向道具（可合成）

✏️ 钢笔 + 钢笔 = 📖 书
📖 书 + 书 = 📱 手机
📱 手机 + 手机 = 📄 PPT文件
📄 PPT文件 + PPT文件 = 💻 笔记本电脑
💻 笔记本电脑 + 笔记本电脑 = 💼 公文包
💼 公文包 + 公文包 = 🏆 奖杯
🏆 奖杯 + 奖杯 = 🥮 大饼
🥮 大饼 + 大饼 = 🍲 大黑锅

负向道具

🔥 裁员通知：接到直接结束职场生涯，判定失败
💣 炸弹：接到直接判定失败
🗑️ 垃圾桶：额外占用托盘位置，导致合成受阻
C 绩效C：累积接到5个绩效C，则判定失败
D 绩效D：累积接到2个绩效D，则判定失败
🛡️ 保护罩：可抵消一次负向道具的影响

职位系统

游戏开始时，玩家是实习生角色，通过背锅数累积，可以晋升为：

实习生（0个背锅）
小白职员（1个背锅）
老油条（1个背锅）
公司骨干（2个背锅）
部门经理（3个背锅）
大区总监（4个背锅）
总经理（5个背锅）
董事长（6个背锅）

成就系统

成功晋升为董事长的玩家，可以随机获得车辆道具：

🚗 涝的劳斯（劳斯莱斯）
🚙 旱的悍斯（悍马）
🚘 五个圈奥运（奥迪）
🚗 本茨小G（奔驰大G）

获得车辆后，再次开局可以乘坐已获得的车辆，获取移速加成。

🎯 游戏特色

1. 魔性领导形象

上方有领导头像，会移动并投掷道具
投掷时有动画效果，增加游戏趣味性

2. 精确碰撞检测

严格的碰撞检测系统
只在人物核心区域接取道具
避免误判和误接

3. 公司排行榜

玩家可以输入公司简称
后台统计形成各个公司背锅排行榜
显示各个大厂、小厂职员参与数据

4. 复活系统

游戏失败后可以看广告复活
每天限制3次复活机会
复活后可以继续游戏

5. 分享功能

支持分享给微信好友
支持分享到朋友圈
可以查看好友排名

📱 技术特点

框架：uni-app (Vue 3)
平台支持：H5、小程序、APP
响应式设计：适配不同屏幕尺寸
性能优化：60fps游戏循环，硬件加速
本地存储：保存游戏进度和成就

🚀 使用方法

安装

将 uni_modules/asmr-game 目录复制到你的 uni-app 项目中
在页面中引入组件

基本使用

<template>
    <view class="content">
        <asmr-game></asmr-game>
    </view>
</template>

<script>
import asmrGame from '@/uni_modules/asmr-game/components/asmr-game/asmr-game.vue'

export default {
    components: {
        asmrGame
    }
}
</script>

页面配置

在 pages.json 中配置页面：

{
    "pages": [
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "背了个锅",
                "navigationStyle": "custom"
            }
        }
    ]
}

🎨 游戏界面

开始界面

输入公司简称
查看公司背锅排行榜
点击"开始游戏"按钮

游戏主界面

上方：领导形象和办公桌
中间：掉落道具区域
下方：人物和托盘
顶部：游戏信息（职位、背锅数、分数等）

游戏结束界面

显示游戏结果
可以看广告复活
可以分享给好友
可以再来一局

⚙️ 游戏设置

道具掉落频率

默认：每 500ms 掉落一个道具
可在代码中调整 fallTimer 的间隔

晋升要求

可在 titleRequirements 数组中调整各职位所需的背锅数

碰撞检测精度

可在碰撞检测代码中调整检测范围和重叠比例

📊 数据统计

游戏会统计以下数据：

公司背锅排行榜
个人最高分
达到的最高职位
拥有的车辆道具

🔧 开发说明

目录结构

uni_modules/asmr-game/
├── components/
│   └── asmr-game/
│       └── asmr-game.vue    # 主游戏组件
├── package.json             # 组件配置
├── readme.md                # 说明文档
└── changelog.md             # 更新日志

主要方法

startGame() - 开始游戏
movePlayer() - 移动人物
catchItem() - 接取道具
checkMerge() - 检查合成
checkLevelUp() - 检查升级

数据存储

使用 uni.setStorageSync 和 uni.getStorageSync 存储：

拥有的车辆：ownedVehicles
复活次数：reviveCount
复活日期：reviveDate

🐛 已知问题

碰撞检测可能需要根据实际设备调整参数
不同屏幕尺寸可能需要微调坐标计算

📝 更新日志

v1.0.0

初始版本发布
实现基础游戏玩法
道具合成系统
职位晋升系统
成就系统
公司排行榜

📄 许可证

MIT License

👥 贡献

欢迎提交 Issue 和 Pull Request！

📮 联系方式

如有问题或建议，请通过以下方式联系：

提交 Issue
发送邮件

祝你在职场中背锅愉快，早日成为董事长！ 🎉

职场生存游戏 游戏、消消乐、职场