挂机中◉ —◆ —

原型说明

正式工程版 · Next.js(create-next-app 官方脚手架)+ shadcn/ui 官方组件。

真·官方组件:本页所有 UI 均来自 components/ui/ 下由官方 CLI (npx shadcn add)安装的组件:Sidebar、Dialog、Popover、ToggleGroup、Tabs、 Card、Badge、Progress、Sonner、Tooltip 等 21 个,源码可直接查看与修改。

主题系统:顶栏 🎨 按钮 = 官方 Popover;明暗切换用 next-themes(官方标配); 主题色通过 data-accent 覆盖 CSS 变量,与 shadcn 主题机制同源。

账号与存档:账号密码用 node:crypto 的 scrypt 哈希, 会话是 HttpOnly cookie + 服务端 session 表;玩家数据存于 SQLite (better-sqlite3 + Drizzle),只经 /api/player 读取。

服务端权威:召唤的概率、随机数、扣费、发放全在服务端完成; 随机数用带种子的 PRNG,种子随结果写入审计表,任何一次抽卡都可复算复核。

下一步:战斗数值引擎(服务端纯函数 + 确定性随机)、掉落与离线收益惰性结算、 英雄升级/觉醒养成线。

资源现状

  • · 英雄数据:390 位全量图鉴 (3★ 107 / 4★ 69 / 5★ 214), 存于 src/data/heroes.json,数值按「职业 × 稀有度」推导
  • · 立绘/头像:780 张 (每位英雄 _s 头像 + _l 立绘),存于 public/assets/face/
  • · 官方图标:属性 5 + 职业 6 + 星级 1, 存于 public/assets/icons/(源自 E7 素材库)
  • · 持有英雄:已持有 — / 390 位英雄(存于服务端存档)
火焰火焰寒冰寒冰自然自然光明光明黑暗黑暗★星级
Next.js 16React 19Tailwind v4shadcn/ui · novaSQLite + Drizzlescrypt session