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

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

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

📋 概述

这是 Hacktoberfest 开放源码 AI 挑战第四周「机器里的幽灵」的投稿。作者说早前项目里用过的 CSS 3D 渲染和纯 HTML 思路这次派上了用场:他把整套卡牌做成一副可收集牌组,规则借自他之前的 Flogons,3D 卡面全靠 CSS 渲染,全程不需要任何构建步骤。因为做成了 PWA,手机上可以像应用一样安装。他也想到不想学新规则的人:打开 Auto:on 就能像看电影一样看游戏自己打完。目前没有联机对战,四人桌和七人桌都是跟机器人打。

🔑 核心要点

💡 金句

The CSS-based 3D rendering introduced there came in extremely handy, along with the pure HTML concept, resulting in a no-build development approach.
译:那边引入的 CSS 3D 渲染和纯 HTML 概念这次极其好用,结果就是一套无构建的开发方式。
← 返回 dev.to 首页