
01 / 05
橙汁效应
YYB
#卡牌#肉鸽#构筑#模拟日常#连锁反应
团队成员
- 叶彧贲
作品附件
项目介绍
一、一句话介绍
橙汁效应 是一款融合卡牌构筑、Roguelike元素与日常模拟的创意游戏,玩家通过组合"行动牌"和"物品牌"触发荒诞搞笑的连锁反应,在管理AP、尴尬值等状态的同时达成每日目标分数,体验从平凡生活到崩坏 chaos 的奇妙旅程。
二、解决的问题
1. 游戏稳定性问题
修复了新手教程高亮位置不准确的bug
解决了"抛接"卡牌点击后游戏卡顿的问题
修复了重新开始后UI面板未正确重置的问题
完善了错误处理和边界检查机制
2. 游戏平衡性问题
降低了连锁加成数值(从10%-80%降至5%-35%),增强策略性
设计了AP成长系统,避免AP不足导致无法触发连锁
强化了尴尬值等状态的影响,增加决策深度
优化了目标分数增长曲线(从×1.2降至×1.15)
3. 用户体验问题
重新设计AP显示位置,与出牌区域保持合理距离
添加了AP不足时的即时提示功能
实现了每日目标引导面板,提升玩家目标感
完善了新手引导系统,采用渐进式教学
4. 内容完整性问题
实现了所有卡牌组合的分数计算机制(36种组合全覆盖)
添加了多样化的出牌反馈文案系统
设计了完整的buff/debuff状态系统
实现了卡牌详情查看功能
三、技术亮点
1. 创新的游戏机制
连锁反应系统:连续出牌获得递增加成,但尴尬值会负面影响发挥
状态管理系统:体力、精神、尴尬三维度互相影响,形成策略闭环
AP成长系统:基于天数和等级的动态AP上限,提供长期成长动力
2. 前端技术实现
WebGL流体背景:使用Simplex噪声算法实现动态流体效果
响应式设计:适配桌面端和移动端,支持触摸操作
动画系统:丰富的CSS动画和JavaScript动画结合
模块化架构:清晰的代码结构,易于维护和扩展
3. 游戏系统设计
组合全覆盖:6张行动牌 × 6张物品牌 = 36种组合,每种都有独特效果
随机事件系统:7种随机事件,增加游戏不确定性和重玩价值
计分日志系统:详细记录每次出牌数据,便于分析和优化
Buff/Debuff系统:多层次状态效果,增强策略深度
4. 视觉设计
小丑牌风格UI:深色主题配霓虹光效,现代感十足
透明玻璃效果:backdrop-filter实现毛玻璃质感
动态视觉反馈:燃烧特效、抖动动画、粒子效果等
直观的数值展示:AP条、状态条、连锁追踪等清晰呈现