作者借 Hacktoberfest 最后一周,把自己科幻新闻系列里的人物搬进了一副卡牌对战游戏。技术上延续上一个项目 Flogons 的做法:卡牌、翻转、光影全部用 CSS 3D 渲染,整个游戏是纯 HTML 无构建,装成 PWA 之后可以直接装到手机上。规则不想学也没关系,把 Auto 开关打开,游戏会像电影一样自己打完;四人桌和七人桌暂时没有联网对战,都是和机器人打。作者还埋了一个与主题呼应的设计:整局里你可以访谈每一张牌,而结局本身也是 AI 参与生成的。
🔑 核心要点
无构建是这个项目最强的约束:没有打包器、没有框架,靠纯 HTML 与 CSS 3D 变换完成卡牌渲染与动画,部署成本几乎为零。
PWA 让网页变成可安装的应用:同一份代码在手机上有独立图标与全屏体验,省掉了发版流程。
Auto 模式把「看不懂规则」这个门槛拆了:自动对战像播放一部电影,玩家可以只看故事和卡面再加入。
每张牌都能被访谈:访谈机制把卡牌从数值变成角色,让原本单薄的战斗系统承载叙事。
💡 金句
I think the game speaks for itself, and since it's a PWA, it can also be installed on mobile phones. 译:我觉得游戏本身会说话,而且它是个 PWA,可以直接装到手机上。