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

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

2025-06-26 10:33:03作者:蔡怀权

问题现象

在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模块在各种过滤器切换场景下都能正常显示歌曲胶囊。

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

项目优选

收起
kernelkernel
deepin linux kernel
C
27
11
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
466
3.47 K
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
10
1
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
65
19
flutter_flutterflutter_flutter
暂无简介
Dart
715
172
giteagitea
喝着茶写代码!最易用的自托管一站式代码托管平台,包含Git托管,代码审查,团队协作,软件包和CI/CD。
Go
23
0
kernelkernel
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
203
82
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
1.27 K
695
rainbondrainbond
无需学习 Kubernetes 的容器平台,在 Kubernetes 上构建、部署、组装和管理应用,无需 K8s 专业知识,全流程图形化管理
Go
15
1
apintoapinto
基于golang开发的网关。具有各种插件,可以自行扩展,即插即用。此外,它可以快速帮助企业管理API服务,提高API服务的稳定性和安全性。
Go
22
1