dev.to | 📄 原文链接 | 2026-11-02 收录

用纯 HTML 和 CSS 做一副卡牌:Singularity News 的无构建游戏

来源:dev.to — 2026-10-31

📋 概述

作者借 Hacktoberfest 最后一周,把自己科幻新闻系列里的人物搬进了一副卡牌对战游戏。技术上延续上一个项目 Flogons 的做法:卡牌、翻转、光影全部用 CSS 3D 渲染,整个游戏是纯 HTML 无构建,装成 PWA 之后可以直接装到手机上。规则不想学也没关系,把 Auto 开关打开,游戏会像电影一样自己打完;四人桌和七人桌暂时没有联网对战,都是和机器人打。作者还埋了一个与主题呼应的设计:整局里你可以访谈每一张牌,而结局本身也是 AI 参与生成的。

🔑 核心要点

💡 金句

I think the game speaks for itself, and since it's a PWA, it can also be installed on mobile phones.
译:我觉得游戏本身会说话,而且它是个 PWA,可以直接装到手机上。
← 返回 dev.to 首页