dougmaitelli/gitcg
GitHub: dougmaitelli/gitcg
GiTCG 将 GitHub 用户统计数据转化为游戏化集换式卡牌,通过对数评分算法生成带稀有度段位的自包含 HTML 卡牌。
Stars: 2 | Forks: 1
从任意 GitHub 个人资料生成一张集换式卡牌。分数是根据通过 GitHub API 获取的真实统计数据计算得出的,卡牌会渲染为一个单一的自包含 HTML 文件。
## 评分规则
每项指标都采用对数曲线,因此每个级别的增长都很有意义,而不仅仅是针对顶级账户。各项指标单独设有上限,其综合得分上限为 100 分,这使得不同类型的 GitHub 活动都有机会达到顶级段位。仓库指标仅统计原创仓库,并包含 GitHub 返回的所有仓库页面。
| 指标 | 最高分 | 满分标准 |
| ----------- | -----: | ---------------- |
| Stars | 35 | 100k stars |
| Followers | 30 | 10k followers |
| PRs | 20 | 1k pull requests |
| Issues | 15 | 1k issues |
| Stars/yr | 10 | 1k stars/year |
| Avg. Stars | 15 | 1k avg per repo |
| Languages | 10 | 5+ languages |
| Account Age | 10 | 8+ years |
| 分数 | 段位 |
| ----: | --------- |
| 0–19 | Common |
| 20–39 | Uncommon |
| 40–59 | Rare |
| 60–79 | Epic |
| 80–100 | Legendary |
## 开发
```
yarn install
yarn dev # http://localhost:8081
yarn build # outputs dist/index.html (single file)
yarn typecheck
yarn lint
```
若要在开发期间预览特定的稀有度段位,请在 URL 后附加 `?rarity=legendary`(或任何段位名称)。
## Demo GIF
生成一个简短且循环的 GIF,循环播放确定性的示例卡牌:
```
yarn playwright install chromium # first run only
yarn demo:gif # writes assets/card-demo.gif
```
录制器需要使用 `ffmpeg`。可以传入一个路径以将其保存到其他位置,例如
`yarn demo:gif /tmp/cards.gif`。示例 GitHub 响应数据是模拟的,因此生成过程不会
消耗 API 请求次数,也不依赖于网络数据。
标签:HTML, 威胁情报, 开发者工具, 数据可视化, 特征检测, 自动化攻击