> 目前 iOS/iPadOS/macOS 26 存在 WebKit 内存泄漏问题，游戏可能崩溃。建议使用其他设备或等待 Apple 修复。 > > 现针对可能存在问题的设备已加入横幅警告。如果你在使用相关设备但是打开游戏没有看到警告，说明你的浏览器在使用其他内核，可以尝试游玩。 ## 引言 有了 AI 的加持，我花了几天给博客加上了游戏厅功能。  适配了各个尺寸屏幕和手机，玩儿的时候大概是这样的：  现在入口已经开发了，大家可以点[「这里」](https://blog.yuusann.com/arcade/list)过去体验一下，或是点击[这个按钮](blog-native://arcade?id=D8C08281-7661-49E9-980F-33EFC3237214)先玩一下。 下面简单讲一讲开发过程。 ## 开发过程 这次也纯 vibe coding，几乎不手写代码。工具仍然是`Claude Code` + `Opus 4.5` 和 `Codex` + `GPT5.2`。 游戏部分部分自然是开源模拟器，是 CC 帮我选择的`EmulatorJS`。 开发过程中融入了一些创意，比如把游戏的最小化状态融合进了头像区域，音乐播放器互斥。  游戏窗口的打开，收起都设计了设计了非线性动画，大家可以自己体验一下。 下面针对一些比较头疼的问题简单聊一下。 ### 过渡动画 为了做这些过渡动画，我需要在各个平台上测试兼容情况，开发时自己完全就是一个测试，面前平铺着各种设备：Mac，iPad，iPhone，安卓手机等等，然后给 AI 报 bug。 AI 在很多动画细节上节省了我很多力气，比如调整动画曲线，调整动画时间。由于动画是好几个元素搭配在一起的，动一个参数就需要调整好多地方的延时，有了 AI 的帮助省力很多。 但在兼容性上，AI 能做的仍然有限。这里我要点名批评 Safari，好多动画到 Safari 上出现闪烁，鬼影和性能问题。这些问题需要测试出来后挨个报给 AI 解决，耗费了挺多人力，希望以后 AI 能一口气就写对。 ## 存档问题 `EmulatorJS`用的是浏览器的`IndexedDB`存储游戏 roms，cores 和存档。在我的项目中，roms 和 cores 的缓存是正常的，但是存档的数据库每次刷新都会被重置。 这导致只要不刷新网页，游戏是可以正常独到档的。但是一刷新就全没了。 我和 AI 研究了很久，打了很多 log，甚至让 AI 看了源码，也没发现是哪儿的问题。最后的解决方案是，本地做了一套备份的数据库，用一套机制去做备份和恢复。  这个方案是我提的，AI 钻进了牛角尖出不来了。当然，最后也是 AI 实现的，最后工作得还算不错。 ## Safari 26 性能问题 <del>在 Safari 26 上，似乎浏览器完全不会释放内存，每开一个游戏，内存用量就会上涨 3GB 左右直到爆炸，CPU 占用也居高不下。测试在老版本 Safari 以及其他浏览器都是好的，毫无头绪。</del> 刚查到是系统的问题，详情见这个 issue：[「#1143」](https://github.com/EmulatorJS/EmulatorJS/issues/1143) ## 游戏库 游戏库是从手上复古掌机各种整合包里面找的。 后续会看心情补充游戏，但是我不会做成那种上千个游戏的大全，那样太无趣了。 祝大家玩得开心。  ## 结语 这个只是本次 vibe coding 的扩展项目，整个项目的代码规模又增加了一万行，来到了3.6w行左右。代码层面还完全在 AI 的能力范围内，看看 AI 能挑起多大的项目吧。 ``` ------------------------------------------------------------------------------- Language files blank comment code ------------------------------------------------------------------------------- Vuejs Component 27 4155 1122 26705 JavaScript 46 936 641 5059 CSS 2 686 69 4074 SVG 1 0 0 1 ------------------------------------------------------------------------------- SUM: 76 5777 1832 35839 ------------------------------------------------------------------------------- ```

1楼：2026-01-09 08:43:41

而我撑伞：

太强了，safari 怎么这么菜

---

2楼：2026-01-09 08:55:20

yuu：

引用：1楼

是webkit太菜了😰

---