Vibe Coding 3: 404 Not Found 离线鱼人上线

[image:/assets/blog/404notfound-offline-fishman-cover.png|404 Not Found 离线鱼人小游戏] Vibe Coding 的第三个项目上线了：404 Not Found 离线鱼人。它参考 Chrome 离线恐龙小游戏的思路，把错误页从一个冷冰冰的提示，变成一个可以互动的极简页面。 这个项目会在 4399123.com 访问过一次后注册根 Service Worker。之后用户断网访问站内页面时，本地缓存会把请求带到 /404notfound/，显示白底、鱼人和 404 NOT FOUND。 鱼人角色来自拆帧后的透明素材，页面保留小刀鼠标、点击反馈和恢复网络后的自动回首页逻辑。整体没有复杂 UI，也没有血量和装饰，重点是让离线状态变得更轻、更可感知。 项目同时收录在 Vibe Coding 分支里，作为 4399123 后续交互实验的一部分。