首页
/ Funkin游戏Freeplay模块排序过滤器切换Bug分析与修复

Funkin游戏Freeplay模块排序过滤器切换Bug分析与修复

2025-06-26 17:50:56作者:蔡怀权

问题现象

在Funkin游戏0.6.3版本的Freeplay模块中,当玩家在排序过滤器之间切换时,如果切换的两个过滤器都导致歌曲列表为空,会出现歌曲胶囊位置错乱的视觉bug。具体表现为歌曲胶囊会变得不可见,但实际上它们只是被移动到了屏幕外。

问题重现步骤

  1. 进入游戏的Freeplay菜单
  2. 在两个都不会显示任何歌曲的排序过滤器之间来回切换(例如"收藏"和"以数字开头的歌曲")
  3. 切换回有歌曲显示的过滤器后,歌曲胶囊会消失不见

技术分析

通过版本对比测试发现,这个问题在0.6.2版本中不存在,但在0.6.3版本中出现。深入分析后发现:

  1. 动画行为差异

    • 0.6.2版本中,切换过滤器时随机歌曲胶囊会执行跳入动画
    • 0.6.3版本中,这个行为被反转:只有当切换到空列表时才会触发跳入动画
  2. 根本原因: 问题源于一个优化提交,该提交引入了initPosition函数调用来重新定位胶囊,但没有正确处理歌曲列表未变化的情况。具体来说:

    • 当过滤器切换但歌曲列表实际未变化时,代码仍会调用胶囊位置初始化
    • 这导致胶囊位置被错误计算,最终被放置在屏幕外
    • 胶囊实际上并未消失,只是位置错误,这可以通过切换难度来验证(能看到胶囊从屏幕外移动)

解决方案

修复方案相对简单直接:确保在生成歌曲列表时,当且仅当列表实际发生变化时才重新初始化胶囊位置。具体实现方式是为generateSongList函数调用设置onlyIfChanged参数为false

技术启示

这个案例展示了几个值得注意的开发经验:

  1. UI状态管理:在游戏UI开发中,组件的显示状态和位置管理需要特别小心,特别是在有动画效果的情况下

  2. 边界条件测试:开发者需要特别注意测试各种边界条件,如空列表、过滤器切换等场景

  3. 版本对比分析:当bug出现在特定版本时,通过对比相邻版本的代码差异可以快速定位问题根源

  4. 视觉反馈机制:动画效果不仅是为了美观,也是重要的用户反馈机制,改变时需要谨慎考虑用户体验

这个修复已被合并到主分支,确保了Freeplay模块在各种过滤器切换场景下都能正常显示歌曲胶囊。

登录后查看全文
热门项目推荐

项目优选

收起
openHiTLS-examplesopenHiTLS-examples
本仓将为广大高校开发者提供开源实践和创新开发平台,收集和展示openHiTLS示例代码及创新应用,欢迎大家投稿,让全世界看到您的精巧密码实现设计,也让更多人通过您的优秀成果,理解、喜爱上密码技术。
C
53
465
kernelkernel
deepin linux kernel
C
22
5
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
349
381
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
7
0
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
132
185
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
876
517
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
336
1.1 K
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
179
264
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
610
59
note-gennote-gen
一款跨平台的 Markdown AI 笔记软件,致力于使用 AI 建立记录和写作的桥梁。
TSX
83
4