这是 Hacktoberfest 开放源码 AI 挑战第四周「机器里的幽灵」的投稿。作者说早前项目里用过的 CSS 3D 渲染和纯 HTML 思路这次派上了用场:他把整套卡牌做成一副可收集牌组,规则借自他之前的 Flogons,3D 卡面全靠 CSS 渲染,全程不需要任何构建步骤。因为做成了 PWA,手机上可以像应用一样安装。他也想到不想学新规则的人:打开 Auto:on 就能像看电影一样看游戏自己打完。目前没有联机对战,四人桌和七人桌都是跟机器人打。
🔑 核心要点
整套游戏用纯 HTML 与 CSS 渲染:没有打包、没有构建步骤,卡面和 3D 变换都由 CSS 完成。
规则系统复用自作者的早期项目 Flogons:那个项目没时间做完的游戏系统,这次补齐了。
做成 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 概念这次极其好用,结果就是一套无构建的开发方式。